Accessibility Testing Code Validators XHTML CSS Accessibility Validators

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

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. w 3. org/Consortium/mission Copyright © 2007 Knowbility, Inc. Accessibility Testing 2

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

Accessibility Validators - Page by Page ► Web. Xact ► 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 Copyright © 2007 Knowbility, Inc. Accessibility Testing 4

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

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

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

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

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

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

Copyright © 2007 Knowbility, Inc. Accessibility Testing 12

Copyright © 2007 Knowbility, Inc. Accessibility Testing 13

Copyright © 2007 Knowbility, Inc. Accessibility Testing 14

Copyright © 2007 Knowbility, Inc. Accessibility Testing 15

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

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

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 Web. Aim 8 Step Implementation Model www. webaim. org/articles/implementation Copyright © 2007 Knowbility, Inc. Accessibility Testing