Skip to content

Latest commit

 

History

History
97 lines (83 loc) · 7.66 KB

tools.md

File metadata and controls

97 lines (83 loc) · 7.66 KB

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.
ARIA DevTools Chrome extension that displays a developer-friendly visual representation of the browser accessibility tree.
aslint.org Accessibility testing tool
aXe Core Chrome and Firefox extension to audit pages
Checka11y.css A CSS stylesheet to quickly highlight a11y concerns.
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.

Assistive Technologies

Screen Readers

Name Created by Type Operating System Cost
Android Accessibility Suite Google Mobile app Android Free
ChromeVox Google Desktop app Chrome OS (built-in) Free
JAWS Freedom Scientific Desktop app Windows Paid
Narrator Microsoft Desktop app Windows 11, Windows 10 (built-in) Free
NVDA NV Access Desktop app Windows Free
Orca The Gnome Project Desktop app Linux Free
VoiceOver Apple Desktop app, mobile app macOS, iOS (built-in) Free

On Screen Keyboards (OSK)

Name Operating system(s)
OptiKey Windows
Windows On-Screen Keyboard Windows 10, 8.1, and 7

Bookmarklets

Type Name Created By Cost
Bookmarklet 44x44 Pixel Cursor Bookmarklet Jared Smith Free
Bookmarklet Accessibility Checker Accessi.org Free
Bookmarklet Ajbar Hao Luo Free
Bookmarklet ANDI The United States Social Security Administration Free
Bookmarklet Focus Order Favlet Level Access Free
Bookmarklet HTML CodeSniffer Squizz Free
Bookmarklet Inacessible Twitter Chris Johnson Free
Bookmarklet Javascript Bookmarklets for Accessibility Paul Jadam Free
Bookmarklet Nu Markup Validation Service Bookmarklets The Paciello Group Free
Bookmarklet The Visual ARIA Bookmarklet WhatSock Free
Bookmarklet tota11y Khan Academy Free

Colors and contrast

Tool Description
a11y-contrast A CLI utility to calculate/verify accessible magic numbers for a color palette
Accessible Colors
Check My Colours Validator of Color Constrast
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
Tanaguru Contrast Finder Contrast finder that suggests a valid color range

Validators

Validator Description
508 Checker Check a11y with 508 rules
Access Monitor Validator
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