A curated list of awesome Accessibility tools, articles and resources.
Table of Contents
- Accessible Rich Internet Applications (WAI-ARIA) 1.0
- Using ARIA in HTML
- Web Content Accessibility Guidelines - WCAG 2.0
- Accessibility Guidelines
- Acessibilidade for Devs - pt-br
- Accessible Mega Menu
- a11yweekly
- ARIA Cheatsheet
- BBC Accessibility Standards Checker
- Easy Checks - A First Review of Web Accessibility
- Introduction to Web Accessibility
- Tuts+ Web Accessibility learning guide for Wordpress
- Understanding WCAG 2.0
- Web Accesible (Spanish)
- Web Accessibility Tutorials
- Aprende Accesibilidad Web paso a paso (Spanish)
- Web Accessibility by Google - Developing with Empathy - By udacity.com
- Start Building Accessible Web Applications Today - By egghead.io
- Advice for creating content that works well with screen readers
- 10 rules for efficient form design
- A11ycasts
- A11Y Dialog
- 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
- 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
- Web Accessibility: Web Standards and Regulatory Compliance - by Jim Thatcher
- 508 Checker
- A11Y.css
- A11y Command-line Tools
- a11y-checker - Warn about HTML Markup code accessibility issue.
- Access Lint
- 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)
- 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
- 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
- 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)
- AIIY.js
- A11yProject
- A11y Wins - Examples when accessibility wins by @marcysutton
- Léonie Watson Blog - Posts about a11y in general.
- Practical ARIA Examples - Example code and demos by @heydonworks
- Accessibility section - jQuery Plugins using ARIA - Plugins and demos by @Nico3333fr
- Tota11y - An accessibility visualization toolkit
- Not so Super Mario - A parody video showing accessibility problems using Mario Bros. games
- 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.
- 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.
- Middleman Aria_Current - A Middleman extension for indicating a current (active) link using
aria-current. - Trello accessibility cards generator - A node.js script to create a Trello card for every point in WCAG2 guidelines.
- Inclusive Components - A blog trying to be a pattern library. Each post explores the design of a robust, accessible interface component.
- 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
This is a list, in no particular order, of people to follow that contribute greatly to web accessibility and web standards.
- 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
- 3play Media @3playmedia
- A11Y @a11y
- AccessibilityOz @AcessibilityOz
- A11YProject @A11YProject
- Deque Systems @dequesystems
- IBMAccess @IBMAccess
- Microsoft Access @MSFTaccess
- Paciello Group @paciellogroup
- Simply Accessible @sateaches
- WebAxe @webaxe
You want to contribute to this project? Please follow these recommendations.
- Inspired by awesome-svg, awesome-webcomponents and awesome-flexbox.