A curated list of awesome Accessibility tools, articles and resources. Inspired by awesome-svg, awesome-webcomponents and awesome-flexbox.
Table of Contents
| Level | Description |
|---|---|
| 💚 | Basic Level |
| 🔶 | Intermediary Level |
| 🔴 | Advanced Level |
| 📝 | Text |
| 🎥 | Video |
| Level | Name | Description |
|---|---|---|
| 🔶 | WCAG 2.0 | Recommendations for making Web content more accessible |
| 🔶 | WAI ARIA 1.0 | Framework to improve the accessibility and interoperability of web content and applications |
| 🔶 | WAI-ARIA 1.1 | Framework to improve the accessibility and interoperability of web content and applications |
| 💚 | Using ARIA | Practical guide for developers on how to add accessibility infos to HTML |
| Name | Link |
|---|---|
| Accessibility Weekly | Accessibility Weekly |
| Level | Name | Language | Price |
|---|---|---|---|
| 💚 | Aprende Accesibilidad Web paso a paso | Spanish | 🆓 |
| 💚 | Web Accessibility - Developing with Empathy | English | 🆓 |
| 💚 | Start Building Accessible Web Applications Today | English | 🆓 |
| 💚 | Web accessibility training in London | English | £495 |
| 💚 | Treehouse Accessibility course | 🆓 with trial |
- 10 rules for efficient form design
- 15 Rules to Making Accessible Links
- Advice for creating content that works well with screen readers
- A11ycasts
- A11Y Dialog
- Automated Accessibility Checking with aXe
- Basic screen reader commands for accessibility testing
- CAPTCHA - Inaccessible to everyone
- Design like we give a damn!
- Design for Web Accessibility from the Beginning
- Getting Started with Web Accessibility
- Improving Single Page App Accessibility with a11y_kit
- Lesson from building mobile frindly accessible data tables
- Links vs Buttons in modern web applications
- Simply Accessible - Articles
- The Accessibility Cheatsheet
- The web accessibility basics
- What is WAI-ARIA, what does it do for me, and what not?
- WebAIM - Introduction to Web Accessibility
- What is Web Accessibility
- Web Accessibility Tutorial
- A Software Tester's Guide to Web Accessibility
- Making Open-Source Accessible for All
- Writing JavaScript with accessibility in mind
- A Web for Everyone - Designing Accessible User Experiences - by Sarah Horton & Whitney Quesenbery
- Adaptive Web Design - by Aaron Gustafson
- Apps For All: Coding Accessible Web Applications - by Heydon Pickering
- Building Accessible Websites - A new book on Web Accessibility by Joe Clark
- Designing with Progressive Enhancement: Building the Web that Works for Everyone
- Designing with Web Standards
- Inclusive Design Patterns - by Heydon Pickering
- UX Design And Content Strategy: The Project Guide - This hands-on resource for all UXers is a project guide to UX design and content strategy that explores the relationship through a website project.
- Pro HTML5 Accessibility - by Joshue O Connor
- Tragic Design
- Web Accessibility: Web Standards and Regulatory Compliance - by Jim Thatcher
- How to Meet the Web Content Accessibility Guidelines 2.0 - Luke McGrath
- 508 Checker
- A11Y.css
- A11y Command-line Tools
- a11y-checker - Warn about HTML Markup code accessibility issue.
- AccessLint - A GitHub App that finds accessibility issues in your pull requests.
- Access Monitor - (pt)
- Accessibility Developer Tools
- Accessibility Developer Tools for Chrome
- aslint.org
- Check My Colours - Validator of Color Constrast
- Chrome Accessibility Tools
- Chromelens - Extension Google Chrome
- Colour Contrast Analyser – to test the contrast of your text against its background
- Color Oracle - App (Mac/Win/Linux)
- Contrast Ratio - Live demonstration of the readability of your background and text color combination.
- DaSilva - (pt-br)
- eslint-plugin-jsx-a11y - A static analysis linter of jsx and their accessibility with screen readers
- Headings Map - A Firefox add-on to check whether your heading structure is logical
- HTML5 Acessibility - Get the current accessibility support status of HTML5 features across major browsers.
- I want to see like the colour blind - Chrome Extension (Mac/Win)
- pa11y
- React A11y - Identifies accessibility issues in your React.js elements
- Sim Daltonism - A color blindness simulator for Mac and iOS
- Tenon.io
- tota11y - Accessibility Visualization Toolkit
- WAVE
- Web Accessibility Toolbar (WAT) - By The Paciello Group, IE Extension (Win only)
- WP Accessibility - Helps with a variety of common accessibility problems in WP themes. by @joedolson
- skip-to-content - A Polymer element for Skip to Content. by @afonsopacifer
- Tanaguru Contrast Finder - Contrast finder that suggests a valid color range
- A11y Command-line Tools - Web accessibility audits powered by the Chrome Accessibility Developer Tools.
| Name | Operation System |
|---|---|
| ChromeVox | OSX, Windows, Linux |
| JAWS - Desktop App - Windows Only | Windows |
| NVDA - Desktop App - Windows Only | Windows |
| Orca Screen Reader Desktop App - Linux | Linux |
| VoiceOver iPhone App (iOS) | OSX |
| VoiceOver Desktop App (Mac) | OSX |
- A11Y Style Guide
- AIIY.js
- A11yProject
- A11y Wins - Examples when accessibility wins by @marcysutton
- Alix - a browser extension for a11y.css
- Accessibility section - jQuery Plugins using ARIA - Plugins and demos by @Nico3333fr
- Color Safe
- Color Tool - Material Design
- Inclusive Components - A blog trying to be a pattern library. Each post explores the design of a robust, accessible interface component.
- Léonie Watson Blog - Posts about a11y in general.
- Middleman Aria_Current - A Middleman extension for indicating a current (active) link using
aria-current. - Not so Super Mario - A parody video showing accessibility problems using Mario Bros. games
- Practical ARIA Examples - Example code and demos by @heydonworks
- Open Color - Open color is a color scheme for UI design. You can use it for font, background, border, etc. It contains a gray and twelve colors. Open color is provided as CSS, SCSS, LESS, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette.
- Tota11y - An accessibility visualization toolkit
- van11y - A collection of accessible scripts
- Vox accessibility guidelines - Vox accessibility checklist for every team member
- Semantic Web Autocomplete for Atom - A plugin that offers suggestions for Schema.org, RDFa and WAI-ARIA.
- Trello accessibility cards generator - A node.js script to create a Trello card for every point in WCAG2 guidelines.
- UK Government's accessibility blog
- Co-op design manual - a good overview of how to make a site accessible, including content writing guidelines and technical examples.
- Ebay's accessibility patterns for the web - Huge variety of features with working code examples and best practices explained.
- Mozilla developer network's accessibility section - checklists, tutorials and code examples.
This is a list, in no particular order, of people to follow that contribute greatly to web accessibility and web standards.
| Name | |
|---|---|
| Alice Boxhall | @sundress |
| Cory Klatik | @cklatik |
| Dave Rupert | @davatron5000 |
| David A. Kennedy | @davidakennedy |
| Debra Ruh | @debraruh |
| Denis Boudreau | @dboudreau |
| Dennis Gaebel | @gryghostvisuals |
| Dennis Lembrée | @dennisl |
| Derek Featherstone | @feather |
| Dylan Barrell | @dylanbarrell |
| Eliza Greenwood | @E_lizaG |
| Eric Eggert | @yatil |
| Eric Wright | @ewaccess |
| Greg Tarnoff | @gregtarnoff |
| Heydon Works | @heydonworks |
| Jeffrey Zeldman | @zeldman |
| Jen Simmons | @jensimmons |
| Joe Dolson | @joedolson |
| John Foliot | @johnfoliot |
| Jonathan Hassell | @jonhassell |
| Joseph Karr O'Connor | @AccessibleJoe |
| Karl Groves | @karlgroves |
| Lainey Feingold | @LFLegal |
| Léonie Watson | @LeonieWatson |
| Luke McGrath | @lukejmcgrath |
| Lucy Greco | @accessaces |
| Marco Zehe | @MarcoZehe |
| Marcy Sutton | @marcysutton |
| Mike Paciello | @mpaciello |
| Monika Piotrowicz | @monsika |
| Neil Milliken | @NeilMilliken |
| Patrick Fox | @patrickfox |
| Reinaldo Ferraz | @reinaldoferraz |
| Scott Vinkle | @svinkle |
| Shawn Lawton Henry | @shawn_slh |
| Sina Bahram | @SinaBahram |
| Steve Faulkner | @stevefaulkner |
| Ted Drake | @ted_drake |
| Name | Link |
|---|---|
| 3play Media | @3playmedia |
| A11Y | @a11y |
| AccessibilityOz | @AcessibilityOz |
| Acesso para Todos | Acesso para Todos |
| A11YProject | @A11YProject |
| Deque Systems | @dequesystems |
| IBMAccess | @IBMAccess |
| Microsoft Access | @MSFTaccess |
| Paciello Group | @paciellogroup |
| Simply Accessible | @sateaches |
| WebAxe | @webaxe |
Please follow these recommendations.
This project is licensed under the MIT license - see the LICENSE for details.