A11y tools

Development

• DevTools

• storybook-addon-a11y

• eslint-plugin-jsx-a11y

Extensions

• tota11y - An accessibility visualization toolkit by Khan Academy

• WAVE Web Accessibility Evaluation Tool - very solid output, but with very legacy UI

• Our favorite Accessibility Insights for Web

Automated tools

• https://pa11y.org/ with impressive dashboard

• https://github.com/dequelabs/axe-core with possible cypress-axe integration

• https://tenon.io/ paid, but great

Cross-browser testing tools

• All of the tools falls under Responsive Web Design

Audit tools

• Lighthouse

• https://ace.accessibe.com/

3rd party tools

• https://userway.org/

• https://accessibe.com/

Dependencies

Whenever you are adding a new dependency to your project, double check what a11y implications it can bring. Naturally you sould look for well a11y complient solutions.

• Review dev dependencies from a11y point of view

• 3rd party services

  • Intercom WCAG compliance

  • Plausible.io privacy