What accessibility tools are out there?

Hello,
What accessibility tools are you aware of?

1 Like

Hello Melissa,
It depends on what you want to check but here’s a list of things I like to use:

Screen readers:

  • Jaws
  • NVDA

Chrome

  • Lighthouse (Built in to the audits panel in DevTools) - enables you to run an audit on your site to find any potential issues
  • WAVE toolbar (Chrome Extension) - lets you find any potential issues with your page markup html/css
  • AXE (Chrome Extension) - same as WAVE but doesn’t reload the page before running the check, this is handy if you have lots of moving part on the page and don’t want to refresh the page but instead analyse the pages current state.
  • Chrome Lens - enables you to view your website with different eye sight conditions, colour blindness, total blindnes etc.

Automation

  • axe-matchers (Ruby) - allows you to run axe as part of your automated tests

Hope the above helps,

Viv

1 Like

Thanks! This is super useful. @vivrichards A group of us are looking to evaluate different accessibility tools, so this can be a great starting point! I’m aware of accessibility testing, but I’m a novice and keen to learn more. There’s a few posts on here that I’ve been digesting.

2 Likes

This is a very interesting area for me because as a tester I’m now getting the opportunity to perform some accessibility testing.

So far in conjunction with our product owner we agreed to use this lovely lightweight tool to quickly assess pages: https://chrome.google.com/webstore/detail/wcag-accessibility-audit/kpfleokokmllclahndmochhenmhncoej?hl=en

Thanks to the earlier posters for their ideas and look forward to seeing what future posters think and use…

Hello folks, @ruarig and I did an accessibility power hour last month and there are quite a few links to tools so I won’t repeat them all here. Have a look and if you have any other questions post them and I’ll do my best to try and answer.

There are many accessibility testing tools out there. Some of the popular ones I have used are-

The free browser-based tool FireEyes, by Deque, allows you to analyze the accessibility of your web content in the DOM, after the browser has interpreted the code, and after JavaScript has been applied to the page.

This is free tool which is available as browser extension or a standalone API. The WAVE Chrome and Firefox extensions 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.

This is similar to WAVE and has chrome/firefox extension as well. This is basically a JavaScript library that executes automated accessibility testing inside your testing framework or browser of choice.

  • iOS/Android phone accessibility options

You have inbuilt Accessibility options within your physical iOS/Android device as well.

For example -

In iOS , if you navigate to General -> Accessibility you various options to test your application with.

In Android , the same Accessibility options should be available in the Setting menu options

This is the easiest way to know how you app reacts to various accessibility settings that can be changed from the actual device

Also, the below 2 sources will give you good ideas on different things to look out for when doing mobile accessibility testing.

Web Content Accessibility Guidelines (WCAG) Overview

https://developer.paciellogroup…

Also couple of useful sites to check out on accessibility testing are-
https://inclusivedesignprinciples.org/
http://shouldiuseacarousel.com/