Tools
The following tools can be useful to web developers in creating and testing accessible sites and applications:
Online Testing Tools
- W3C Markup Validation Service -The W3C validator tests live or local (uploaded) web pages for valid HTML/XHTML code, the foundation for accessibility.
- Functional Accessibility Evaluator (FAE) - FAE automatically tests live web pages and/or sites for compliance with the University of Illinois at Urbana-Champaign's Web Accessibility Best Practices. MSF&W is currently working with UIUC to update FAE to test against the latest Illinois accessibility stanards.
- WAVE - WebAIM's web accessibility evaluation tool test pages against leading accessibility standards and helps authors visualize accessibility issues. WAVE can test live and local pages and is the first of a new breed of testing tools that can check JavaScript-generated content.
- ATRC Web Accessibility Checker - The University of Toronto's experimental checker uses up to 267 automatic and manual accessibility tests to check live and local pages.
- Cynthia Says - Based on HiSoftware's AccMonitor, Cynthia automatically tests for compliance with W3C and/or Section 508 accessibility standards. It can only test live pages.
- Contrast Ratio Calculator - MSF&W's online calculator can be used to check whether colors on your pages meet minimum contrast requirements.
Favelets
A set of JavaScript tools that can help in testing for accessibility. Using Internet Explorer 6 or 7, right click on a link below and select Add to Favorites:
- 800x600 - resizes the browser window to 800 by 600 pixels.
- No Color - replaces colors with gray.
- No Styles - disables CSS styles.
- No Images - replaces images with their alt text.
- Show Headings - highlights headings: h1s in red, h2s in orange, h3s in yellow, h4s in green, h5s in blue, and h6s in purple.
- Show Lists - outlines lists in red.
- Show Tables - outlines tables in red.
- Show Table Cells - outlines table cells in red; highlights table headers.
- Show Table Relationships - highlights table cells that are related using "id" and "headers" markup: hover over a header to highlight associated cells; hover over a data cell to highlight associated headers (requires IE7).
- No Tables - linearizes tables to show the order in which content would be read by a screen reader.
Assistive Technology Software
More Information
For more information about accessibility tools and testing techniques, please email accessibility@msfw.com or call (217) 698-3535 · (217) 698-1353 TTY.