❗ You should probably just go to a11yresources.webflow.io instead. It's awesome.
A curated list of accessibility resources by @ediblecode
- Accessibility resources
- Equality Act 2010
- EU directive - accessibility of the websites and mobile applications of public sector bodies
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.
- 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
- 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
- High Contrast
- Visolve - The assistive software for people with color blindness
- 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.
- 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
- 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.
- 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
- 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.
- 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
See The A11Y Project's list of meetups.
- Inclusive Design Patterns - Coding Accessibility Into Web Design
- Accessibility for Everyone
- A Web for Everyone
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
See a11y-courses.
- 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.
- 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
- 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
- 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
- The Power (and Limits) of Automated Accessibility Testing
- Accessibility Testing with aXe-core and WebdriverJS
- Introducing AccessLint CI - Automated Web Accessibility Testing
- 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
- 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.
- Conversations around web accessibility
- 13 Letters - The Accessibility Podcast
See The A11Y Project's who to follow or Joe Watkin's "Top People to Follow in Web Accessibility".
