Skip to content

Tools and resources

This page provides a list of free tools and resources that support accessible web design and development. The list is a work in progress and is updated regularly as tools and resources evolve.

Web and IT accessibility tutorials

Guidelines and standards

Browsers’ Built-in accessibility tools

Modern versions of major browsers have their own accessibility tools built into their developer tools. For more information, see the documentation for the tools available in your preferred browser.

Third-party accessibility checkers & browser extensions

The following tools are listed alphabetically.

  • Accessibility Bookmarklets
    This suite of bookmarklets can be used in any browser and work by visually highlighting specific accessibility features within a web page, including ARIA landmarks, headings, lists, and accessibility-related features of images and forms.
  • Accessibility Insights
    This robust accessibility checker and educational tool from Microsoft is available as an extension for Chrome or Edge, or as downloadable software for checking Windows applications.
  • AInspector WCAG Firefox Extension
    This extension was developed at the University of Illinois.
  • axe
    This accessibility testing toolkit from Deque (accessibility consultancy) is available as an API that can be integrated into automated testing processes for web development. Android Accessibility is also available as well the axe Chrome Extension.
  • WAVE
    Developed by WebAIM, this online tool evaluates the accessibility of a web page and shows results using icons and indicators, embedded onto the original page. It’s available as a standalone website, or as the WAVE browser extension for both Chrome and Firefox.
  • Web Developer Extension for Firefox or Chrome.
    This highly useful toolbar from Chris Pederick is packed with features, including many that help check web pages for accessibility features.

Code validators

Having valid code is a first step toward web accessibility and cross-browser compatibility. The following tools should be used regularly for checking the validity of your code.

  • HTML Validator – from the W3C
  • CSS ValidatorĀ – from the W3C
  • HTML Tidy
    This is a software library that evaluates and cleans up HTML, automatically generating a reformatted (i.e., “tidied”) version. HTML Tidy is widely available, and is integrated into many web coding applications as documented on their website.
  • HTML Validator Browser Extensions – for Chrome and Firefox, based on HTML Tidy and OpenSG, includes accessibility checks that can be toggled on via the Options menu
  • WebVTT Validator – for validating timed text files to be used with HTML video, e.g., for captions, subtitles, chapters, and descriptions.

Color checkers

The W3C’s Web Content Accessibility Guidelines 2.0 requires a specific contrast ratio between foreground and background colors. There are several tools available for measuring contrast:

  • Colour Contrast Analyser
    This free application, available in Windows and Mac versions, makes it easy to check foreground & background color combinations. Both versions include an eyedropper tool for easily grabbing a particular color from anywhere on the screen.
  • WCAG Contrast Checker for Firefox
    This Firefox extension displays color contrast ratios in a sidebar, and flags the color combinations that fail WCAG contrast requirements at various levels.
  • WebAIM Color Contrast Checker
    This handy online tool includes a feature to “lighten” or “darken” existing colors until you find a combination that meets WCAG 2.0 requirements. This functionality is also built into the WAVE Extension (see WAVE under “Third Party Accessibility Checkers & Browser Extensions”).

Mobile development

Assistive technologies

When testing web pages and IT products with assistive technologies, it is important to be aware that no two assistive technology (AT) products are alike. Developers are cautioned to use these tools only as an approximate gauge of accessibility. What seems to work perfectly in Product A may be inaccessible in Product B. Therefore, developers should resist the tendency to develop sites and applications that work with a particular AT product, and focus instead on developing sites that comply with standards.

Some assistive technology vendors provide demo versions of their products, some of which can be used indefinitely but time out after a few minutes of operation. Product licenses vary as to whether using these demo versions is permissible for testing and development purposes. For information about available products and license restrictions, contact the Access Technology Center.

Also, all major desktop operating systems are bundled with basic assistive technology utilities. For more information about these utilities in Windows and Mac OS X consult the Microsoft Accessibility and Apple Accessibility websites respectively.

In addition, the following assistive technologies can be useful for testing web pages.

Web and IT accessibility resources from DO-IT

The DO-IT Center (Disabilities, Opportunities, Internetworking, and Technology) at the UW has worked tirelessly since 1991 to increase the participation of people with disabilities in challenging academic programs and careers. In doing so DO-IT has developed a number of resources related to IT accessibility, including the resources listed below.

  • 30 Web Accessibility Tips
    Practical tips based on common web accessibility issues encountered in higher education, developed as part of the AccessComputing project, with funding from the National Science Foundation.
  • Accessible Technology
    A collection of publications and videos on various aspects of assistive and accessible technology.