Awesome Accessibility
A curated list of awesome Accessibility tools, articles and resources. Inspired by awesome-svg, awesome-webcomponents and awesome-flexbox.
Table of Contents
Legends
| Level | Description |
|---|---|
| 💚 | Basic Level |
| 🔶 | Intermediary Level |
| 🔴 | Advanced Level |
| 📝 | Text |
| 🎥 | Video |
W3C Specification
| 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 |
Newsletters 📰
| Name | Link |
|---|---|
| Accessibility Weekly | Accessibility Weekly |
Guides
Courses 🎓
| Level | Name | Language | Price |
|---|---|---|---|
| 💚 | Aprende Accesibilidad Web paso a paso | Spanish | 🆓 |
| 💚 | Web Accessibility - Developing with Empathy | English | 🆓 |
| 💚 | Start Building Accessible Web Applications Today | English | 🆓 |
Articles and Videos
- Advice for creating content that works well with screen readers
- 10 rules for efficient form design
- A11ycasts
- A11Y Dialog
- Automated Accessibility Checking with aXe
- 15 Rules to Making Accessible Links
- 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
Books
- 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
Development Testing and Validators
- 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
Screen Readers
- ChromeVox
- JAWS - Desktop App - Windows Only
- NVDA - Desktop App - Windows Only
- Orca Screen Reader Desktop App - Linux
- Basic screen reader commands for accessibility testing - By Paciello Group
- VoiceOver - By Apple, iPhone App (iOS)
- VoiceOver - By Apple, Desktop App (Mac)
Other Resources
- 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.
Talks
- JQuerySF - Victor Tsaran - The Modern Web and Accessibility
- WCAG is not scary anymore - A progressive approach to Website Accessibility
- 30 Minutes or Less: The Magic of Automated Accessibility Testing
- 10 Simples Rules for Making My Site Accessible by Helena Zubkow
- A Saga dos 12 Tópicos de Acessibilidade - (pt-br) by Reinaldo Ferraz
- Acessibilidade na Web modo Jedi Master - (pt-br) by Reinaldo Ferraz
- Angular Accessibility by Marcy Sutton
- ARIA Accessibility, APIS coding like you give a damn by Léonie Watson
- Frontend com Acessibilidade - (pt-br) by Horácio Soares and Clécio Bachini
- HTML Acessível by Reinaldo Ferraz
- Trabalhando com WCAG e WAI-ARIA de forma correta - (pt-br) by Talita Pagani
- Accessibility Debt by Robert DeLuca
- Acessibilidade na Web: Levando nosso conteúdo a todas as pessoas - (pt-br) by Yan Magalhães
People to Follow in Web Accessibility
This is a list, in no particular order, of people to follow that contribute greatly to web accessibility and web standards.
People
| Name | |
|---|---|
| Alice Boxhall | @sundress |
| Cory Klatik | @cklatik |
| Dale Cruse | @dalecruse |
| 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 |
Companies & Organizations 🏢
| 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 |
CONTRIBUTING
Please follow these recommendations.
LICENSE
This project is licensed under the MIT license - see the LICENSE for details.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent