Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
7 contributors

Users who have contributed to this file

@brunopulis @yanmagale @leticiawanderley @lchandelier @musienkoyuriy @newbornfrontender @06b
59 lines (50 sloc) 4.54 KB

Development Testing and Validators

Tools

Tool Description
A11Y.css This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code
A11y Command-line Tools Web accessibility audits powered by the Chrome Accessibility Developer Tools
a11y-checker Warn about HTML Markup code accessibility issue
AcessibilityJS Client side accessibility error scanner
AccessLint A GitHub App that finds accessibility issues in your pull requests
Accessibility Developer Tools This is a library of accessibility-related testing and utility code.
aslint.org Accessibility testing tool
aXe Core Chrome and Firefox extension to audit pages
Enabler Node.js CLI tool that warns you about potential accessibility issues. Supports: Pure HTML, Angular, Vue
Headings Map The extension generates a document-map or index of any web document structured with headings and/or with sections in HTML 5. It shows the headings structure, the errors in the structure (ie. incorrect levels), and it works as HTML5 Outliner too.
HTML5 Acessibility Get the current accessibility support status of HTML5 features across major browsers
Stylelint a11y Stylelint a11y
Web Accessibility Toolbar (WAT) The Web Accessibility Toolbar (WAT) has been developed to aid manual examination of web pages for a variety of aspects of accessibility.

Colors and contrast

Tool Description
Chromelens - Extension Google Chrome
Colour Contrast Analyser To test the contrast of your text against its background
Color Oracle App (Mac/Win/Linux) for check colours
Contrast Ratio Live demonstration of the readability of your background and text color combination
I want to see like the colour blind Chrome Extension (Mac/Win)
Tanaguru Contrast Finder Contrast finder that suggests a valid color range

Validators

Validator Description
508 Checker Check a11y with 508 rules
Access Monitor Validator
Check My Colours Validator of Color Constrast
DaSilva PT-BR
Google Lighthouse Google Chrome tool for web page audits
Sim Daltonism A color blindness simulator for Mac and iOS
Tenon.io EN
tota11y - Accessibility Visualization Toolkit Simple validator using bookmarklet or Javascript plugin
WAVE Validator online

Plugins for frameworks and CMS

Validator Description
Ember A11y Testing A suite of accessibility tests that can be run within the Ember testing framework
eslint-plugin-jsx-a11y A static analysis linter of jsx and their accessibility with screen readers
eslint-plugin-vue-a11y Static AST checker for accessibility rules on elements in .vue
React A11y Identifies accessibility issues in your React.js elements
pa11y
ReaKit Reakit is a low level component library for building accessible high level UI libraries, design systems and applications with React.
vue-a11y-utils Utilities for accessibility (a11y) in Vue.js
vue-axe Accessibility auditing for Vue.js applications
WP Accessibility Helps with a variety of common accessibility problems in WP themes
You can’t perform that action at this time.