1 / 28

Web accessibility implementation and testing

Web accessibility implementation and testing. Putting the pieces together Sharron Rush Used with her permission. Testing with a screenreader. JAWS is expensive, demo is free NVDA free open source for Windows SystemAccess from Serotek FireVox is Firefox extension

armand
Download Presentation

Web accessibility implementation and testing

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web accessibility implementation and testing Putting the pieces together Sharron Rush Used with her permission

  2. Testing with a screenreader • JAWS is expensive, demo is free • NVDA free open source for Windows • SystemAccess from Serotek • FireVox is Firefox extension • FANGS is screen reader emulator

  3. Let’s Listen JAWS screenreader www.freedomscientific.com

  4. Automated One-page Testers • The Wave http://wave.webaim.org/ • Worldspace http://worldspace.dequecloud.com/worldspace/wsservice/eval/checkCompliance.jsp

  5. Let’s try it out! http://www.geocaching.com

  6. Manual Testing with toolbars • Installed at your stations are • Deque FireEyes • Web Accessibility Toolbar for IE • Accessibility Extension for Firefox • Jim Thatcher’s Favelets • FANGS

  7. Let’s try it out! • Visit www.unitedway.org/worldwide • Open the site in both browsers (IE and Firefox) • Step by step through the features

  8. Screenshot of United Way Home page

  9. Web Accessibility toolbar for IE • Free tool from Web Accessibility Tools Consortium • Download http://www.wat-c.org/tools/ • Includes WAVE, contrast analyzers, etc • Easy to use and report

  10. Accessibility Extension for Firefox • Free Extension from University of Illinois • Download https://addons.mozilla.org/en-US/firefox/addon/5809/ • Useful with Firefox Web Developer Toolbar • Similar features, different presentation

  11. Alt text for images - IE

  12. IE Image List

  13. IE Image Display

  14. Alt text for images - Firefox

  15. Firefox Image List

  16. Firefox Image Display

  17. Worldspace FireEyes • Free tool from Deque • Download at http://www.deque.com/products/deque-labs/worldspace-fireeyes • For developers, those who need to get to code level

  18. Worldspace FireEyes Features • Issue Highlighting • Exportable Reports • Built-in recording capacity. • Content may be divided into projects.

  19. Worldspace FireEyes Remediation • Built in remediation support for common issues.

  20. Worldspace FireEyes Scope • Define specific content to analyze • Select specific accessibility issues • Select events to record • Analysis of dynamic events

  21. Worldspace FireEyes Color Contrast Analysis

  22. Worldspace FireEyes Reading Order Analysis

  23. WorldSpace FireEyes Event Recording • Configurable script event recording. • Events recorded include the xpath • Content entries and timings during replay can be adjusted. • Record on development play back on QA or Production.

  24. Now you! • Visit www.cancer.org • Open the site in both browsers (IE and Firefox) • Test and report

  25. User testing • If usability is part of your process • Make sure to include users with various disabilities • Post to user groups • Remote testing

  26. Practical Testing Plan • Choose a standard to test by. • Test in the browser • Run manual accessibility tests with more than one tool • Listen to pages with a screenreader • Run enterprise level auto tests if available • Incorporate users with disabilities in all user testing • Document your findings

  27. Resources • W3C – Web Accessibility Initiative Evaluating Web Sites for Accessibility http://www.w3.org/WAI/eval/ • Jim Thatcher.com Testing for Accessibility http://jimthatcher.com/testing.htm • Access SIG – online exchange Post questions, problems to the community http://tinyurl.com/access-sig

  28. Thank you You make all the difference! srush@knowbility.org

More Related