addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscontroller-playcredit-cardcrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobe--smallglobegmailgooglegroupshelp-with-circleimageimagesinstagramFill 1languagelaunch-new-window--smalllight-bulblinklocation-pinlockm-swarmSearchmailmediummessagesminusmobilemoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonprintShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahooyoutube

Automated Testing Tools

Automated testing tools will point out the low hanging technical accessibility issues as you go so you can learn from them and fix them easily before they make it into production and become costly to change.

1. HTML Code Sniffer Bookmarklet (Chrome and Firefox)
Points out where on the page an error is, makes it easy to diagnose and fix errors.

2. Accessibility Developer Tools Chrome Extension

3. aXe Browser Extension for Chrome and Firefox.

4. WAVE for Chrome

5. Tenon
Great interface, lets you know what you're doing well too.

6. Pa11y

7. AChecker
Easy to use but interface looks a bit dated.

8. Cynthia Says

9. Tota11y
This is a browser plugin that checks Headings, Contrast, Link text, Labels, Image alt-text, and ARIA Landmarks.

10. FireEyes


11. Juicy Studio Accessibility Toolbar

12. Color Contrast Checker

13. W3C HTML Validator
This is to validate your HTML markup. We should always be doing this, but it shouldn’t be the only thing used for accessibility testing. Having valid markup is only part of the WCAG requirements and this tool will only test valid markup.

14. Access Lint

15. SortSite
Can crawl your entire site and compile an easy to sort list of issues and where they are located in your code.

16. A browser extension for Chrome called ChromeLens will add a filter to your entire site that enables you to see how everything looks to someone with even more types of color blindness and various degrees of vision loss.

17. AInspector Sidebar for Firefox
AInspector Sidebar

The W3C has their own list of accessibility tools.

This is by no means a complete list, there are many other tools out there to help you test in the way that you get the most benefit from so pick one(s) that suits you best. If you have any questions or need help figuring out how to use something like any of the toolbars I’m happy to help as I have used all of these before. Automated testing is a good start to catch some of the obvious mistakes but it only goes so far into the realm of usability and accessibility testing. To get the most out of it, we should be manually testing with different browsers and screen readers and ideally with users as well.

Table of Contents

Page title Most recent update Last edited by
Accessible PDFs July 13, 2016 12:27 PM Andrea S.
All About ARIA April 28, 2016 7:47 PM Andrea S.
A11y Conferences May 13, 2016 12:12 PM Andrea S.
Forms February 18, 2016 10:40 PM Andrea S.
Accessible Widgets February 18, 2016 10:35 PM Andrea S.
A11y presentations to learn from November 28, 2016 8:25 PM Andrea S.
Automated Testing Tools August 18, 2016 11:18 AM Andrea S.
Assistive Technologies June 6, 2016 1:46 PM Andrea S.
About Iowa Web Accessibility, UX & Inclusive Design January 8, 2016 10:17 AM Andrea S.

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy