translate

a11y-tools


Tool List

All tools are public Github repositories primary written in HTML and/or JavaScript

Repo Purpose Type Dependencies
Projects that use axe-core code audit - -
Document Outline Audit code audit bookmarklet -
Khan/tota11y code audit bookmarklet -
A11y.css code audit bookmarklet -
Visual ARIA code audit bookmarklet -
AInspector Sidebar code audit browser addon Firefox
GoogleChrome/accessibility-developer-tools-extension code audit browser addon Closure Compiler
dequelabs/axe-core code audit code library JavaScript
rackt/react-a11y code audit code library React
peypal/AATT code audit code library Node/PhantomJS
WCAG Zoo code audit code library Python
addyosmani/a11y code audit CLI Node/PhantomJS
yargalot/grunt-accessibility code audit CLI Node/Grunt
nature/pa11y code audit CLI Node/PhantonJS
The A11y Machine code audit CLI Node/PhantomJS
GoogleChrome/accessibility-developer-tools code audit local Node service Node
squizlabs/HTML_CodeSniffer code audit stand-alone page JavaScript
TENON code audit stand-alone page -
Tanaguru code audit stand-alone page -
Asqatasun code audit stand-alone page -
WAVE by WebAIM code audit stand-alone page -
prettydiff/colorContrast color contrast stand-alone page -
LeaVerou/contrast-ratio color contrast stand-alone page -
jxnblk/colorable color contrast code library JavaScript
xi/sass-planifolia color contrast code library Sass
haltersweb/Accessibility component collection in-page function -
jQuery plugins for simple elements component collection in-page function JQuery
Van11y component collection in-page function -
AccDC Technical Style Guide component collection in-page function JQuery
MooTools powered accessible widget archive component collection in-page function MooTools
Dojo powered accessible widget archive component collection in-page function Dojo
scottaohara/accessible-components component collection in-page function JQuery
Frend component collection in-page function -
ally.js component: focus utility in-page function -
A11y Dialog component: dialog in-page function -
A11y Toggle component: toggle in-page function -
Accessible Tooltips component: tooltip in-page function -
adobe-accessibility/Accessible-Mega-Menu component: menu in-page function JQuery
jQuery ARIA menubar utility component: menu in-page function jQuery
CaptionBot image caption generator stand-alone page -
The A11Y Project informational stand-alone page Ruby
Accessibility Tree Training Guide, how ARIA works informational stand-alone page -
melmo/melmo.github.io informational stand-alone page -
eBay MIND Patterns informational stand-alone page -
Practical ARIA Examples informational stand-alone page -
Deque Code Library informational stand-alone page -
wesbos/keycodes keyboard keycodes stand-alone page -
Keyboard Event Viewer keyboard keycodes stand-alone page -
RAMP-PCAR mapping application Node/Grunt
dylanb/dylanb.github.io reference ARIA stand-alone page -
html5accessibility.com reference browser stand-alone page -
Screen reader reliability reference Screen Reader stand-alone page -
zone/zwag reference WCAG stand-alone page Node
nature/pa11y-dashboard reporting stand-alone page Node/PhantomJS
prettydiff/semanticText semantic analysis in-page function -
Khan/tota11y semantic analysis in-page function JQuery
IBM-Watson/a11y.js utility, ARIA code library JavaScript
howlowck/Akbar vision simulation bookmarklet -
A11yance/a11y-core ? code library Node/Grunt

My purpose in making such a list is that I want to be aware of what things are being evaluated so that I can get an idea of what things aren't being evaluated. Accessibility is hard, and since many commercial sites don't produce high quality HTML accessibility is much harder than it should be. Making accessibility easier to implement and understand is absolutely important. Good tools help with this.

Sometimes the biggest problem with accessibility is that we know what to check for (most of the time), but we don't always know what grading aspects we are missing. Examples include color contrast problems over gradient backgrounds and improper use of the title attribute. Sometimes we also don't realize how the dynamic interactions we introduce with JavaScript alienate segments of our audience.

Accessibility advocates typically suggest having at least 3 accessibility tools frequently used, because they each are better in different particular areas. An awareness of the tools available benefits everybody whether or not you intend to make accessibility tools. Please submit pull requests with additional tools.

Rating

ABOUT

LESS COMMENTS

MESSAGE REVIEW OK

Ok