copyright © 2007 knowbility, inc. accessibility testing 1 code validators – xhtml & css...
TRANSCRIPT
Copyright © 2007 Knowbility, Inc. Accessibility Testing 1
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 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/mission
Copyright © 2007 Knowbility, Inc. Accessibility Testing 3
Valid Code► HTML & XHTML Validation
http://validator.w3.org/
► CSS Validation http://jigsaw.w3.org/css-validator/
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
Copyright © 2007 Knowbility, Inc. 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
► The Wave - www.wave.webaim.org 1. Color 2. CSS 3. Flickr 4. Plugin 5. Timed
► Colour Contrast Analyser (firefox extension)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
► Accessibility Toolbar for IEhttp://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
► WebXM
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
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, 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
Copyright © 2007 Knowbility, Inc. Accessibility Testing 16
Integrating Accessibility into Designby 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/
Copyright © 2007 Knowbility, Inc. Accessibility Testing
Implementing Accessibility – 8 Steps
Gather Baseline Information (Testing Tools)Gain Top Level Support
Organize a Web Accessibility CommitteeDefine a Standard
Create an Implementation PlanProvide Training and Technical SupportMonitor Conformance (Testing Tools)Remain Flexible Through the Changes
WebAim8 Step Implementation Model
www.webaim.org/articles/implementation