It is important to test to determine the accessibility of websites and applications.
Most tests can be carried out using your browser and a keyboard. While many tests can be carried out by looking at the page's source code, you may find it easier for some tests to use the applications listed below.
We also encourage you to use a screen reader to evaluate your content. Please see our Screen Reader Resources for more information.
The following testing tools have been developed to help testers determine whether applications meet the Web Content Accessibility Guidelines (WCAG). These resources may be used on both Mac and Windows platforms.
The Web Developer Toolbar
The Web Developer Toolbar (WDT) is a plug in that works with both Firefox, Chrome and Opera and runs on any platform that these browsers support including Windows, macOS and Linux.
Figure: The Web Developer Toolbar with the ‘Information’ menu showing
The WDT is a set of menus and options that check the page for issues such as missing alt attributes for images, heading structure and form labels. It’s a useful alternative to looking in the source code itself.
The Colour Contrast Analyser
The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators. The CCA is available for Windows and Mac, and in multiple languages
Figure: Colour Contrast Analyser's main window (Mac version)
Unlike the WDT the CCA can only test for one thing: color contrast and luminosity. To use it simply select the text and the colors will be automatically inputted. When the background colors are selected the contrast ratio is then shown together with an indication of if it passes WCAG.
WebAIM Color Contrast Checker
WebAIM offers an online color contrast checker to determine if page elements meet web contrast accessibility standards. Visit the WebAIM Color Contrast Checker page to use.
WAVE is an additional tool to evaluate web accessibility. It displays accessibility information on a page by including icons and indicators helping to measure how accessible a page is. Test web content with WAVE by including a URL, uploading a file, or copying and pasting HTML code.
WAVE Browser Extension
WAVE has an extension available for Chrome and Firefox that allows you to evaluate web content for accessibility issues directly within Chrome and Firefox browsers. Because the extension runs entirely within your web browser, no information is sent to the WAVE server. This ensures 100% private and secure accessibility reporting. The extension can check intranet, password-protected, dynamically generated, or sensitive web pages. Also, because the WAVE extension evaluates the rendered version of your page, locally displayed styles and dynamically-generated content from scripts or AJAX can be evaluated.
- Get the WAVE Browser Extension
Web Accessibility Favelets (WAF)
Accessibility Bookmarklet Project
- Get the Accessibility Bookmarklets
- Get HTML_CodeSniffer
aXE Firefox/Chrome Extension
The ARC Toolkit is a set of accessibility tools to aid developers in identifying accessibility problems and features. It is designed to be integrated into automated and manual accessibility tests and works alongside the auditor or developer in order to simplify repetitive tasks and interactively explore accessibility features and problems. The ARC Toolkit is tightly integrated with Chrome's Developer Tools.
NoCoffee Vision Simulator
The NoCoffee Vision Simulator extension helps identify common problems individuals with poor vision experience on web pages such as low acuity and low contrast sensitivity. Low acuity happens when pages have very small text or click targets. Low contrast sensitivity occurs when there is not enough contrast between page elements such as text and a page background. The NoCoffee Vision Simulator can help identify some of these issues.
- Get the NoCoffee Vision Simulator [Firefox extension]
The following application/tool is specifically for the Windows platform.
Inspect.exe (part of the Windows Software Development Kit (SDK))
Inspect is a Windows-based tool that enables you select any UI element and view the element's accessibility data.