❗ You should probably just go to a11yresources.webflow.io instead. It's awesome.

Accessibility resources

A curated list of accessibility resources by @ediblecode

Table of contents

• Accessibility resources
  • Table of contents
  • General info
    • Legislation
  • Service providers
  • Assistive technologies
    • Screen readers
    • Maginfiers
    • Speech recognition
    • Reading solution
    • Contrast/colour
  • Tools
    • Checkers
    • Writing
    • Simulation
    • Colour contrast
    • Test automation
  • Checklists
  • Meetups
  • Books
  • Posters
  • Courses
  • Other
  • Style guides
  • Articles, blogs & links
    • Culture
    • Techniques
    • Automation
    • Other articles
    • Videos
    • Podcasts
  • People to follow

General info

• W3C Accessibility
• Guidance for service providers about their duties under the Equality Act 2010

Legislation

• Equality Act 2010
• EU directive - accessibility of the websites and mobile applications of public sector bodies

Service providers

Use external providers to deliver training, run audits, perform user testing and give advice:

• Shaw Trust
• AbilityNet
• WebAIM - Not for profit organisation offering complete web accessibility services
• The Paciello Group - end-to-end accessibility consultancy.

Assistive technologies

Screen readers

• Jaws - The world's most popular screen reader
• NVDA - Free screen reader for Windows
• VoiceOver for iOS X and OS X
• Dolphin ScreenReader - Formerly Supernova
• ChromeVox - Free screen reader for Chrome
• TalkBack - Screen reader for Android devices
• Narrator - Windows screen reader

Maginfiers

• ZoomText - ZoomText Magnifier/Reader is a fully integrated magnification and reading program tailored for low-vision users
• MAGic - MAGic is a screen magnification and screen reading solution for low vision computer users

Speech recognition

• Dragon Speech Recognition Software

Reading solution

• read&write
• Claro

Contrast/colour

• High Contrast
• Visolve - The assistive software for people with color blindness

Tools

Checkers

• Wave WebAIM - Chrome and Firefox extension for evaluating web content for accessibility issues. Also includes a colour contrast tool, desauturation tool and testing without styles.
• Siteimprove Accessibility Checker - Comprehensive tool for evaluating accessibility issues
• Accessibility Developer Tools - Chrome Extension for ccessibility audits and element properties
• HTML_CodeSniffer
• a11y.css - Bookmarklet to warn developers about possible risks and mistakes that exist in HTML code
• Tenon
• aXe - free, open-source accessibility testing tool that runs in your web browser
• AChecker - tool that checks single HTML pages for conformance with accessibility standards to ensure the content can be accessed by everyone
• European Internet Inclusion Initiative - Check the Accessibility of a Web Page
• Asqatasun - Opensource web site analyser
• tota11y - An accessibility visualization toolkit
• Visual ARIA Bookmarklet - visualise ARIA usage
• ASLint - Accessibility testing tool
• Koa11y - Desktop app that allows you to automatically detect accessibility (a11y) issues on webpages.
• a11y-outline - Bookmarklet for listing landmarks, headings or links
• MAWD - MAWD combines automated testing with your input to find everything you need to fix
• eslint-plugin-jsx-a11y - Static AST checker for accessibility rules on JSX elements.
• react-a11y - Warns about potential accessibility issues with your React elements.
• Accessibility Insights - Solve accessibility issues before they reach your customers
• Twitter Image Descriptions Stats - Check your Twitter images have alternative text descriptions
• Check the Accessibility of a PDF Document
• PDF Accessibility Checker (PAC 3)

The W3C also provides a Web Accessibility Evaluation Tools List.

Writing

• Hemingway App - Highlights common problems that can get in the way of clear writing
• Readable - Readability testing tool
• Readability Grader - Simple tool to give text a readability score

Simulation

• ChromeLens - Chrome DevTools extension to develop for the visually impaired
• Vischeck - Simulate colorblind vision
• NoCoffee - Simulate how visual impairments affect website accessibility
• Funkify - Chrome extension that helps you experience the web and interfaces through the eyes of extreme users with different abilities and disabilities.

Colour contrast

• Accessible color palette builder
• Color Safe - Accessible web color combinations
• Acccessible colours - WCAG 2.0 AA and AAA color contrast checker
• Contrast ratio - Lea Verou's tool for easily calculate color contrast ratios
• Colour Contrast Analyser (CCA) - Windows/Mac tool for to determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators
• Jonathan Snook’s Colour Contrast Check - Colour contrast checking tool for both AA & AAA and 18pt+
• random a11y - Project to try and curate beautiful color palettes that are a11y friendly
• Colorable - Color palette combination contrast tester
• Are My Colours Accessible? - Simple contrast checker for normal, bold and large text against AA and AAA
• Button Contrast Checker
• Who Can Use - A tool that brings attention and understanding to how color contrast can affect different people with visual impairments
• Color contrast checker - Analyses and suggests colors that meet the required contrast ratio.
• The Contrast Triangle - Text, links and background colors must have sufficient contrast from each other

Test automation

• axe-core - Accessibility engine for automated Web UI testing
• AATT - PayPal's automated accessibility testing tool
• Pa11y - Pa11y is your automated accessibility testing pal
• A11y - Web accessibility audits powered by the Chrome Accessibility Developer Tools
• WorldSpace Comply - Commercial "automated testing tool for performing enterprise-level accessibility audit"
• AccessLint - Wrapper around axe-core.

Checklists

• Accessibility for Teams - A ‘quick-start’ guide for embedding accessibility and inclusive design practices into your team’s workflow
• Inclusive Design Checklist - Aims to be the biggest checklist of inclusive design considerations.
• A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring
• A11Y checklist - A beginner's guide to web accessibility
• Vox Media - Checklists for project managers and editorial teams as well as developers and designers
• Opquast Web Quality Checklist
• The Accessibility Cheatsheet - Summary of WCAG with practical examples
• 18F Accessibility Guide Checklist
• Wuhcag - WCAG 2.0 checklists
• IBM Accessibility Checklist
• WCAG 2.0 Quick Reference - Not a checklist as such but a good concise reference to the WCAG success criteria

Meetups

See The A11Y Project's list of meetups.

Books

• Inclusive Design Patterns - Coding Accessibility Into Web Design
• Accessibility for Everyone
• A Web for Everyone

Posters

Print these out. Stick them round your office. Educate the world.

• Dos and don'ts on designing for accessibility - 6 posters from gov.uk around designing for accessibility
• Dos and Don’ts on Designing for Aphasia Accessibility - Aphasia is language loss after stroke and other forms of brain injury.
• UKHomeOffice posters on GitHub
• Inclusive Design posters from Barclays
• Researching access needs: who to include when

Courses

See a11y-courses.

Other

• WCAG 2.1 Primer - help you get up to speed with WCAG 2.1 quickly and avoid common mistakes people make when creating or updating web content
• The A11Y project - A community-driven effort to make web accessibility easier
• Inclusive Design Principles
• Inclusive Components
• OATMEAL - Accessibility Testing for the Web
• Gov.uk accessibility community
• Making your service accessible: an introduction - Help for making a government digital service that’s as inclusive as possible
• a11y Slack
• #topic-accessibility on Design Systems Slack
• Inclusive Design at Microsoft
• BBC News Accessibility
• Facebook Accessibility Toolkit
• Android accessibility
• Empathy Prompts - Ideas to help consider Inclusive Design principles when making things for others to use.
• Game accessibility guidelines - A straightforward reference for inclusive game design
• Generate an Accessibility Statement
• AppleVis - A community-powered website for blind and low-vision users of Apple's products
• Accessible UK Train Timetables
• Record a goose sighting - a fictional service to use an exercise for training teams about accessibility
• Shake - The Typeface with Parkinson's - a typeface made from the real handwriting of a person living with Parkinson's Disease
• How Web Accessibility Works
• A11y Coffee - Pick your serving size of web accessibility information
• Cards for Humanity - A practical tool to help you design more inclusively.

Style guides

• Material Design - Acecessibility guidelines from Google's Material Design
• eBay's Mind Patterns - Accessibility Patterns for the Web
• React - Implement accessible React apps
• Shopify - Polaris
• MailChimp - Writing for Accessibility
• A11Y Style Guide - A living style guide or pattern library, generated from KSS documented styles...with an accessibility twist

Articles, blogs & links

Culture

• Creating an Accessible Culture
• Empowering a more accessible and inclusive world
• Web accessibility is everyone’s job
• FT - The case for accessibility
• Designing Slack for everyone
• Dropbox - Creating a culture of accessibility
• National Archives - This is for everyone: accessibility and digital
• Innovating with accessibility in mind
• Championing Accessibility at the Guardian
• Tips for making accessibility a core design principle
• The quest to make Microsoft accessible to its core

Techniques

• Writing HTML with accessibility in mind - An introduction to web accessibility with tips on how to improve your markup
• Writing JavaScript with accessibility in mind - Improve the accessibility of your JavaScript components
• Dos and don'ts on designing for accessibility
• Accessibility according to actual people with disabilities
• How to Make Your Website Accessible to People Who Use a Screen Magnifier
• How to make your site accessible for screen magnifiers
• Disabled buttons suck - A specific article on why you shouldn't use disabled buttons
• Accessibility for Visual Design
• Writing Accessible Content - Summary of good and bad practises about writing accessible content
• Designing accessible products - "A comprehensive visual guide to making web technology available to a diverse world"
• Writing descriptive alt attributes for images
• Alt-texts: The Ultimate Guide
• In Plain Sight: Text, Contrast, and Accessibility - Article from Shopify UX
• How to create content that works well with screen readers - by Léonie Watson
• How to structure headings for web accessibility
• Guidelines for Visualizing Links - From 2004 but still as relevant today
• A Developer’s Guide to Better Accessibility
• How to design websites for blind and partially sighted people
• Podcast Accessibility - How to make your podcast accessible for everyone
• How to design a website for someone affected by dementia
• The problem with tooltips and what to do instead

Automation

• The Power (and Limits) of Automated Accessibility Testing
• Accessibility Testing with aXe-core and WebdriverJS
• Introducing AccessLint CI - Automated Web Accessibility Testing

Other articles

• Personas for Accessible UX
• Diverse Personas
• What I've learned about motor impairment
• The Web Should Just Work for Everyone
• Color Blindness Demonstration Using Coloured Pencils - Simple demonstration, using Coloured Pencils, showing 4 types of Color Blindness
• Selfish accessibility - Slides from a talk at GDS
• Reframing Accessibility for the Web
• How I Audit a Website for Accessibility
• Ensuring iPlayer is accessible to all
• Inclusive design toolkit
• Screen Reader User Survey - Recent survey by WebAIM around screen reader usage
• Building the most inaccessible site possible with a perfect Lighthouse score - Proving that 100/100 on Lighthouse needs to be taken with a pinch of salt
• Accessibility Wins - Showcasing accessible user interfaces and tools.
• The business case for inclusive design

Videos

• What does User Experience mean when you're blind?
• Inclusive Design 24 (#ID24) - Videos from the #ID24 event
• Pragmatic Accessibility: A How-To Guide for Teams - A talk from rob_dodson at Google I/O '17. Aimed at everyone (PMs, UX etc), not just developers!
• The Velvet Rope - Video of a great talk at NUX5 by Henny Swan about Accessible User Experience
• YES, your site too can (and should) be accessible - Laura Carvajals (@lc512k) from the FT's talk at JSConf EU 2017.

Podcasts

• Conversations around web accessibility
• 13 Letters - The Accessibility Podcast

People to follow

See The A11Y Project's who to follow or Joe Watkin's "Top People to Follow in Web Accessibility".