Tools

Checklists


Website Evaluation Tools

Automated accessibility testing tools are used to check a webpage or website and quickly identify a number of errors.

Each tool has strengths and weaknesses, and is likely to deliver different results for the same page or site. Automated tools, by their very nature, interpret the underlying guidelines literally, and cannot check for many content and HTML coding issues. Therefore, it is best to consider the results provided by an automated tool in conjunction with additional manual checks, including trying to navigate using only the keyboard.

Browser Extensions

The browser extensions below are all free and allow you to securely check webpages. Adding a browser extension to either Firefox or Chrome allows you to test your webpage with the click of a button.

For Web Developers

  • Lighthouse (can run in Chrome DevTools, from the command line, or as a Node module; also available as a Firefox extension)—open-source

Screen Readers

There are a variety of screen readers to choose from, and each takes a while to learn and configure before you can use it efficiently to evaluate the accessibility of digital content. Configurations include hotkeys, voice selection, rate of speech, and more.

This screen reader demo from UC San Francisco (YouTube) illustrates how screen reader users access digital content.

Color Tools

Careful use of contrast and color is vital to accessibility. Try some of these tools to help you make design decisions that enable users, including users with visual disabilities, to perceive the content on your web page.

Contrast Checkers

Other Designer and Developer Color Tools

  • Contrast Grid by Eightshapes
    • Visualizes and scores many text and background color combinations at once, placing combinations in a grid
    • Enables you to experiment with, discard, or adjust more extensive palettes
  • Digital Color Meter for MacOS by Apple
    • Built-in utility measures the value of any color on your screen using RGB and other options
    • Ability to lock in the aperture location so the color value can be copied to a contrast checking tool (refer to Apple instructions)
  • ColorZilla by iosart labs
    • Analyzes a page, enabling you to inspect a palette of its colors
    • Includes a color picker, eye dropper, gradient generator, and more
    • For Firefox or Chrome
  • Color Blind Filter by Toptal
    • Shows what your page looks like to a person with color blindness
    • Displays your page and its simulation side-by-side