Presentation is loading. Please wait.

Presentation is loading. Please wait.

Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 ► Code Validators – XHTML & CSS ► Accessibility Validators – Page by Page ► Listening to Your.

Similar presentations


Presentation on theme: "Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 ► Code Validators – XHTML & CSS ► Accessibility Validators – Page by Page ► Listening to Your."— Presentation transcript:

1 Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 ► Code Validators – XHTML & CSS ► Accessibility Validators – Page by Page ► Listening to Your Pages ► Accessibility Reports ► Practical Testing Plan ► Implementing Accessibility

2 Copyright © 2007 Knowbility, Inc. Accessibility Testing 2 Universal Accessibility ► supports all people ► supports all technology ► generally makes site better for all ► relationship to usability ► avoid a separate “text-only” version “Web for Everyone. Web on Everything.” - www.w3.org/Consortium/missionwww.w3.org/Consortium/mission

3 Copyright © 2007 Knowbility, Inc. Accessibility Testing 3 Valid Code ► HTML & XHTML Validation http://validator.w3.org/http://validator.w3.org/ ► CSS Validation http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/

4 Copyright © 2007 Knowbility, Inc. Accessibility Testing 4 Accessibility Validators - Page by Page ► WebXact ► The Wave ► Web Developer for Firefox (extension) ► Accessibility Toolbar for IE Accessibility Testing Requires the Human Brain Approximately 27% of Accessibility Issues can be tested automated

5 Copyright © 2007 Knowbility, Inc. Accessibility Testing 5 Tool+- WebXact ► *New tool from the folks at Watchfire (replaces bobby) ► Excellent resource ► Doesn’t have visual info you used to get from Bobby Wave ► Good for seeing “reading order” & alt text ► Report not as intuitive ► Doesn’t explain how to solve problems Accessibility Toolbar ► Great tool that combines many accessibility validators and simulations ► Only available on PC/IE Web Developer Toolbar ► Fantastic tool that combines many accessibility tools ► Only available in Firefox Accessibility Validators - Page by Page

6 Copyright © 2007 Knowbility, Inc. Accessibility Testing 6 Evaluation of Free Accessibility Tools ► www.webaim.org/techniques/articles/freetools/www.webaim.org/techniques/articles/freetools/

7 Copyright © 2007 Knowbility, Inc. Accessibility Testing 7 Testing a Site ► http://www.geocaching.comhttp://www.geocaching.com ► WebXact – webxact.watchfire.comwebxact.watchfire.com ► The Wave - www.wave.webaim.orgwww.wave.webaim.org ► Web Developer Toolbar for Firefox https://addons.mozilla.org/extensions/moreinfo.php?id=60 https://addons.mozilla.org/extensions/moreinfo.php?id=60 ► Accessibility Toolbar for IE http://www.nils.org.au/ais/web/resources/toolbar/ http://www.nils.org.au/ais/web/resources/toolbar/

8 Copyright © 2007 Knowbility, Inc. Accessibility Testing 8 Accessibility Testing - Listening

9 Copyright © 2007 Knowbility, Inc. Accessibility Testing 9 Listening to your pages The real test – can users with disabilities actually use your site? example of assistive technology JAWS by Freedom Scientific – popular screen reading software. Uses internal speech synthesizer and computer’s sound card to read info from computer screen aloud. www.freedomscientific.comwww.freedomscientific.com

10 Copyright © 2007 Knowbility, Inc. Accessibility Testing 10 Accessibility Reports Examples of Site Wide Testing Tools ► LIFT ► WebXM Jim Thatcher – on more accessibility testing software www.jimthatcher.com/testing.htm

11 Copyright © 2007 Knowbility, Inc. Accessibility Testing 11 LIFT Machine ► Tests entire sites for accessibility ► Builds accessibility reports ► Results by checkpoints ► Checkpoints expanded

12 Copyright © 2007 Knowbility, Inc. Accessibility Testing 12

13 Copyright © 2007 Knowbility, Inc. Accessibility Testing 13

14 Copyright © 2007 Knowbility, Inc. Accessibility Testing 14

15 Copyright © 2007 Knowbility, Inc. Accessibility Testing 15

16 Copyright © 2007 Knowbility, Inc. Accessibility Testing 16 1. Test with your browser ‣ Turn off images, Don’t use the mouse, Turn off your speakers, Increase font size, Change window size. 2. Testing with Toolbars ‣ Turn off CSS, Turn off Javascript, Set to Greyscale, Display Structure (Headings, Lists…) 3. Run online Accessibility Tests on representative pages ‣ use more than one tool, example: WebXact & Wave 4. Listen to your pages ‣ JAWS 5. If you have access, Run a LIFT Report or WebXM Report 6. Hands on Accessibility Testing with Users who have disabilities A Practical Testing Plan

17 Copyright © 2007 Knowbility, Inc. Accessibility Testing 17 Integrating Accessibility into Design by Shawn Henry (W3C) ► The basics of including accessibility in design projects ► Details on accessibility in each phase of the user- centered design process (UCD) http://www.uiaccess.com/justask/

18 Copyright © 2007 Knowbility, Inc. Accessibility Testing Implementing Accessibility – 8 Steps Gather Baseline Information (Testing Tools) Gain Top Level Support Organize a Web Accessibility Committee Define a Standard Create an Implementation Plan Provide Training and Technical Support Monitor Conformance (Testing Tools) Remain Flexible Through the Changes WebAim 8 Step Implementation Model www.webaim.org/articles/implementation


Download ppt "Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 ► Code Validators – XHTML & CSS ► Accessibility Validators – Page by Page ► Listening to Your."

Similar presentations


Ads by Google