Accessibility tools

An overview of tools I use in my daily accessibility live.

Automatic accessibility check

Axe browser plug-in of Deque Systems.

Axe is also available for local installation on a server. Great for testing multiple pages in one batch.

Headings check

HeadigMaps shows structure of headings of the current page.

Contrast

Colour Contrast Analyzer is an application that you have to install on your computer. Colour Contrast Analyzer of The Paciello Group is available for Mac and Windows.

Screen reader

  • VoiceOver is available on your Mac, iPad and iPhone.
  • Talkback is available on Android devices.
  • Narrator (Dutch:Verteller) is available on Windows, but yet not fully operable.
  • JAWS is mostly used, but you have to buy a version. There is a 40-minute version, but this version is not available for testing, demo or presentation purposes.
  • NVDA only works on Windows. This open source screen reader is becoming more popular these days.

By starting screen reader software your keyboard or touch screen works differently. Check on forehand what these differences are.

Accessibility tree

This is the tree where you can find out if an component is really that what it suppose to be. Also you can read out the name of the component and the state. The Accessibility tree is available in every modern browser by inspecting the element. For Internet Explorer you can install aViewer by Paciello Group.

Text spacing

Success criterion 1.4.12 can be tested with the Text Spacing bookmarklet of Steve FaulknerGroup.

Web developers toolbar

This is a browser plugin (Chrome, Firefox) with lots of handy tools like disable CSS, view alt-texts of images, resize Window and shortcuts for W3C validators.

Reading level

Succes criterion 3.1.5 level AAA can be partly tested automatically in Dutch via Leesniveautool by the Accessibility Foundation. I have found one for the English language; there might be more. I have not used this one yet Readability formula test

Validate

Keyboard

  • Is there a skiplink?
  • Can you always see where you are?
  • Can you reach every interactive element?
  • Do you never got stuck in the interface?
  • Is there a logical focus order?

Use Tab and Shift+Tab to navigate through links, buttons, input fields and other focusable elements.

Use Space or Enter to activate buttons or Enter to follow a link.

Use arrow keys to navigate through a group of radio buttons, a select box or a calendar. In some websites arrow keys are used for navigation through menu's, tabs and accordions. Arrow keys can be also used to scroll through pages.

Use Esc to close opened select boxes and in most cases popup windows and opened menu's.

Resources

Page updated: 19 December 2019