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 Pages.

Similar presentations


Presentation on theme: "Copyright © 2007 Knowbility, Inc. Accessibility Testing 1 Code Validators – XHTML & CSS Accessibility Validators – Page by Page Listening to Your Pages."— 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 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 Evaluation of Free Accessibility Tools www.webaim.org/techniques/articles/freetools/

6 Copyright © 2007 Knowbility, Inc. Accessibility Testing 6 Testing a Site http://www.geocaching.com The Wave - www.wave.webaim.org 1. Color 2. CSS 3. Flickr 4. Plugin 5. Timedwww.wave.webaim.org Colour Contrast Analyser (firefox extension) http://juicystudio.com/article/colour-contrast-analyser-firefox- extension.php http://juicystudio.com/article/colour-contrast-analyser-firefox- extension.php Web Developer Toolbar for Firefox https://addons.mozilla.org/extensions/moreinfo.php?id=60 CSS – disable all styles 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/

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

8 Copyright © 2007 Knowbility, Inc. Accessibility Testing 8 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 computers sound card to read info from computer screen aloud. www.freedomscientific.comwww.freedomscientific.com

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

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

11 Copyright © 2007 Knowbility, Inc. Accessibility Testing 11

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 1. Test with your browser Turn off images, Dont use the mouse, Turn off your speakers, Increase font size, Change window size. 2. Testing with Toolbars Turn off CSS, Turn off Javascript, Colour Contrast Analyser, Display Structure (Headings, Lists…) 3. Run online Accessibility Tests on representative pages 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

16 Copyright © 2007 Knowbility, Inc. Accessibility Testing 16 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/

17 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 Pages."

Similar presentations


Ads by Google