Development tools

Note: We’re improving the handbook and it is still a draft. If you find an error, please comment below.

Development Tools Development Tools

Building a new theme or plugin? Perhaps some of these tools can help you to create a more accessible resource.

Color Issues Color Issues

Top ↑

Toolbars & ToolKits Toolbars & ToolKits

  • WAVE — run the WAVE accessibility evaluation tool within Firefox.
  • Firefox Accessibility Extension — check the use of structural markup in a page.
  • Tota11y — An accessibility visualization toolkit that can be dragged into your bookmarks bar or installed from Github. Will show errors covering multiple topics from headings, to contrast and form labels.
  • Accessibility Developer Tools — This Chrome extension will add an Accessibility audit, and an Accessibility sidebar pane in the Elements tab, to your Chrome Developer Tools.
  • aXe accessibility testing tool

Top ↑

Desktop Validators Desktop Validators

  • Total Validator — an (X)HTML validator, an accessibility validator, a spell checker, and a broken links checker all rolled into one tool. Free & commercial versions available.

Top ↑

Screen reader testing Screen reader testing

On the website of WebAIM there are some excellent articles on how to test with and for a screen reader:

Top ↑

Other Browser Tools Other Browser Tools