Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/ediblecode/accessibility-resources

A curated list of accessibility resources
https://github.com/ediblecode/accessibility-resources

a11y a11y-testing accessibility inclusive-design w3c

Last synced: 5 months ago
JSON representation

A curated list of accessibility resources

Awesome Lists containing this project

README 

          
:exclamation: You should probably just go to [a11yresources.webflow.io](https://a11yresources.webflow.io/) instead. It's awesome.



# Accessibility resources



> A curated list of accessibility resources by [@ediblecode](https://twitter.com/ediblecode)



## Table of contents



- [Accessibility resources](#accessibility-resources)

  - [Table of contents](#table-of-contents)

  - [General info](#general-info)

    - [Legislation](#legislation)

  - [Service providers](#service-providers)

  - [Assistive technologies](#assistive-technologies)

    - [Screen readers](#screen-readers)

    - [Maginfiers](#maginfiers)

    - [Speech recognition](#speech-recognition)

    - [Reading solution](#reading-solution)

    - [Contrast/colour](#contrastcolour)

  - [Tools](#tools)

    - [Checkers](#checkers)

    - [Writing](#writing)

    - [Simulation](#simulation)

    - [Colour contrast](#colour-contrast)

    - [Test automation](#test-automation)

  - [Checklists](#checklists)

  - [Meetups](#meetups)

  - [Books](#books)

  - [Posters](#posters)

  - [Courses](#courses)

  - [Other](#other)

  - [Style guides](#style-guides)

  - [Articles, blogs & links](#articles-blogs--links)

    - [Culture](#culture)

    - [Techniques](#techniques)

    - [Automation](#automation)

    - [Other articles](#other-articles)

    - [Videos](#videos)

    - [Podcasts](#podcasts)

  - [People to follow](#people-to-follow)



## General info



- [W3C Accessibility](https://www.w3.org/standards/webdesign/accessibility)

- [Guidance for service providers about their duties under the Equality Act 2010](https://www.equalityhumanrights.com/en/advice-and-guidance/guidance-service-providers)



### Legislation



- [Equality Act 2010](https://www.legislation.gov.uk/ukpga/2010/15/contents)

- [EU directive - accessibility of the websites and mobile applications of public sector bodies](https://eur-lex.europa.eu/eli/dir/2016/2102/oj)



## Service providers



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



- [Shaw Trust](https://www.shaw-trust.org.uk/)

- [AbilityNet](https://www.abilitynet.org.uk/)

- [WebAIM](http://webaim.org/) - Not for profit organisation offering complete web accessibility services

- [The Paciello Group](https://www.paciellogroup.com/) - end-to-end accessibility consultancy.



## Assistive technologies



### Screen readers



- [Jaws](http://www.freedomscientific.com/Products/Blindness/JAWS) - The world's most popular screen reader

- [NVDA](https://www.nvaccess.org/) - Free screen reader for Windows

- [VoiceOver](https://www.apple.com/accessibility/mac/vision/) for iOS X and OS X

- [Dolphin ScreenReader](https://yourdolphin.com/product?id=3) - Formerly Supernova

- [ChromeVox](https://chrome.google.com/webstore/detail/chromevox/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en) - Free screen reader for Chrome

- [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback&hl=en_GB) - Screen reader for Android devices

- [Narrator](https://support.microsoft.com/en-us/help/17173/windows-10-hear-text-read-aloud) - Windows screen reader



### Maginfiers



- [ZoomText](https://www.zoomtext.com/products/zoomtext-magnifierreader/) - ZoomText Magnifier/Reader is a fully integrated magnification and reading program tailored for low-vision users

- [MAGic](http://www.freedomscientific.com/Products/LowVIsion/MAGic) - MAGic is a screen magnification and screen reading solution for low vision computer users



### Speech recognition



- [Dragon Speech Recognition Software](https://www.nuance.com/dragon.html)



### Reading solution



- [read&write](https://www.texthelp.com/en-gb/products/read-write/)

- [Claro](https://www.clarosoftware.com/)



### Contrast/colour



- [High Contrast](https://chrome.google.com/webstore/detail/high-contrast/djcfdncoelnlbldjfhinnjlhdjlikmph)

- [Visolve](http://www.ryobi-sol.co.jp/visolve/en/) - The assistive software for people with color blindness



## Tools



### Checkers



- [Wave WebAIM](http://wave.webaim.org/extension/) - 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](https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc) - Comprehensive tool for evaluating accessibility issues

- [Accessibility Developer Tools](https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en) - Chrome Extension for ccessibility audits and element properties

- [HTML_CodeSniffer](http://squizlabs.github.io/HTML_CodeSniffer/)

- [a11y.css](http://ffoodd.github.io/a11y.css/) - Bookmarklet to warn developers about possible risks and mistakes that exist in HTML code

- [Tenon](https://tenon.io/)

- [aXe](https://www.deque.com/products/axe/) - free, open-source accessibility testing tool that runs in your web browser

- [AChecker](https://achecker.ca/checker/index.php) - tool that checks single HTML pages for conformance with accessibility standards to ensure the content can be accessed by everyone

- [European Internet Inclusion Initiative](http://checkers.eiii.eu/) - Check the Accessibility of a Web Page

- [Asqatasun](http://asqatasun.org/) - Opensource web site analyser

- [tota11y](http://khan.github.io/tota11y/) - An accessibility visualization toolkit

- [Visual ARIA Bookmarklet](http://whatsock.com/training/matrices/visual-aria.htm) - visualise ARIA usage

- [ASLint](https://www.aslint.org/) - Accessibility testing tool

- [Koa11y](https://open-indy.github.io/Koa11y/) - Desktop app that allows you to automatically detect accessibility (a11y) issues on webpages.

- [a11y-outline](https://xi.github.io/a11y-outline/) - Bookmarklet for listing landmarks, headings or links

- [MAWD](https://myaccessible.website/detective) - MAWD combines automated testing with your input to find everything you need to fix

- [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) - Static AST checker for accessibility rules on JSX elements.

- [react-a11y](https://github.com/reactjs/react-a11y) - Warns about potential accessibility issues with your React elements.

- [Accessibility Insights](https://accessibilityinsights.io/) - Solve accessibility issues before they reach your customers

- [Twitter Image Descriptions Stats](https://tweet-a11y-stats.glitch.me/stats) - Check your Twitter images have alternative text descriptions

- [Check the Accessibility of a PDF Document](http://checkers.eiii.eu/en/pdfcheck/)

- [PDF Accessibility Checker (PAC 3)](https://www.access-for-all.ch/en/pdf-lab/pdf-accessibility-checker-pac.html)



The W3C also provides a [Web Accessibility Evaluation Tools List](https://www.w3.org/WAI/ER/tools/).



### Writing



- [Hemingway App](http://www.hemingwayapp.com/) - Highlights common problems that can get in the way of clear writing

- [Readable](https://www.webpagefx.com/tools/read-able/) - Readability testing tool

- [Readability Grader](https://jellymetrics.com/readability-grader/) - Simple tool to give text a readability score



### Simulation



- [ChromeLens](http://chromelens.xyz/) - Chrome DevTools extension to develop for the visually impaired

- [Vischeck](http://www.vischeck.com/) - Simulate colorblind vision

- [NoCoffee](https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl) - Simulate how visual impairments affect website accessibility

- [Funkify](https://www.funkify.org/) - 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](https://toolness.github.io/accessible-color-matrix/)

- [Color Safe](http://colorsafe.co/) - Accessible web color combinations

- [Acccessible colours](http://accessible-colors.com/) - WCAG 2.0 AA and AAA color contrast checker

- [Contrast ratio](http://leaverou.github.io/contrast-ratio/) - Lea Verou's tool for easily calculate color contrast ratios

- [Colour Contrast Analyser (CCA)](https://www.paciellogroup.com/resources/contrastanalyser/) - 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](https://snook.ca/technical/colour_contrast/colour.html) - Colour contrast checking tool for both AA & AAA and 18pt+

- [random a11y](https://www.randoma11y.com/) - Project to try and curate beautiful color palettes that are a11y friendly

- [Colorable](http://jxnblk.com/colorable/) - Color palette combination contrast tester

- [Are My Colours Accessible?](http://www.aremycoloursaccessible.com) - Simple contrast checker for normal, bold and large text against AA and AAA

- [Button Contrast Checker](https://www.aditus.io/button-contrast-checker/)

- [Who Can Use](https://whocanuse.com/) - A tool that brings attention and understanding to how color contrast can affect different people with visual impairments

- [Color contrast checker](https://polypane.app/color-contrast/) - Analyses and suggests colors that meet the required contrast ratio.

- [The Contrast Triangle](https://contrast-triangle.com/) - Text, links and background colors must have sufficient contrast from each other



### Test automation



- [axe-core](https://github.com/dequelabs/axe-core) - Accessibility engine for automated Web UI testing

- [AATT](https://github.com/paypal/AATT) - PayPal's automated accessibility testing tool

- [Pa11y](https://github.com/pa11y/pa11y) - Pa11y is your automated accessibility testing pal

- [A11y](https://addyosmani.com/a11y/) - Web accessibility audits powered by the Chrome Accessibility Developer Tools

- [WorldSpace Comply](https://www.deque.com/product/worldspace-comply/) - Commercial "automated testing tool for performing enterprise-level accessibility audit"

- [AccessLint](https://github.com/accesslint) - Wrapper around axe-core.



## Checklists



- [Accessibility for Teams](https://accessibility.digital.gov/) - A ‘quick-start’ guide for embedding accessibility and inclusive design practices into your team’s workflow

- [Inclusive Design Checklist](https://github.com/Heydon/inclusive-design-checklist/) - Aims to be the biggest checklist of inclusive design considerations.

- [A11Y Nutrition Cards](https://davatron5000.github.io/a11y-nutrition-cards/) is an attempt to digest and simplify the accessibility expectations when it comes to component authoring

- [A11Y checklist](http://a11yproject.com/checklist.html) - A beginner's guide to web accessibility

- [Vox Media](http://accessibility.voxmedia.com/) - Checklists for project managers and editorial teams as well as developers and designers

- [Opquast Web Quality Checklist](https://www.opquast.com/opquast-web-quality-checklist/)

- [The Accessibility Cheatsheet](https://bitsofco.de/the-accessibility-cheatsheet/) - Summary of WCAG with practical examples

- [18F Accessibility Guide Checklist](https://accessibility.18f.gov/checklist/)

- [Wuhcag - WCAG 2.0 checklists](https://www.wuhcag.com/wcag-checklist/)

- [IBM Accessibility Checklist](http://www-03.ibm.com/able/guidelines/ci162/accessibility_checklist.html)

- [WCAG 2.0 Quick Reference](http://3pha.com/wcag2/) - Not a checklist as such but a good concise reference to the WCAG success criteria



## Meetups



See [The A11Y Project's list of meetups](https://a11yproject.com/follow#meetups).



## Books



- [Inclusive Design Patterns](https://www.smashingmagazine.com/inclusive-design-patterns/) - Coding Accessibility Into Web Design

- [Accessibility for Everyone](https://abookapart.com/products/accessibility-for-everyone)

- [A Web for Everyone](https://rosenfeldmedia.com/books/a-web-for-everyone/)



## Posters



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



- [Dos and don'ts on designing for accessibility](https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/) - 6 posters from gov.uk around designing for accessibility

- [Dos and Don’ts on Designing for Aphasia Accessibility](https://blogs.city.ac.uk/inca/outputs/) - Aphasia is language loss after stroke and other forms of brain injury.

- [UKHomeOffice posters on GitHub](https://github.com/UKHomeOffice/posters/tree/master/accessibility)

- [Inclusive Design posters from Barclays](https://developer.paciellogroup.com/blog/2017/08/inclusive-design-posters-from-barclays/)

- [Researching access needs: who to include when](https://github.com/UKHomeOffice/posters/blob/master/accessibility/researching-access-needs/Research-who_to_include_when%3F.pdf)



## Courses



See [a11y-courses](https://github.com/mgifford/a11y-courses).



## Other



- [WCAG 2.1 Primer](https://alphagov.github.io/wcag-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](http://a11yproject.com/) - A community-driven effort to make web accessibility easier

- [Inclusive Design Principles](http://inclusivedesignprinciples.org/)

- [Inclusive Components](https://inclusive-components.design/)

- [OATMEAL - Accessibility Testing for the Web](https://ebay.gitbooks.io/oatmeal/)

- [Gov.uk accessibility community](https://www.gov.uk/service-manual/communities/accessibility-community)

- [Making your service accessible: an introduction](https://www.gov.uk/service-manual/helping-people-to-use-your-service/making-your-service-accessible-an-introduction) - Help for making a government digital service that’s as inclusive as possible

- [a11y Slack](https://web-a11y.herokuapp.com/)

- [#topic-accessibility on Design Systems Slack](http://designsystems.herokuapp.com/)

- [Inclusive Design at Microsoft](https://www.microsoft.com/en-us/design/inclusive)

- [BBC News Accessibility](https://bbc.github.io/accessibility-news-and-you/)

- [Facebook Accessibility Toolkit](https://code.facebook.com/posts/844124808988739/introducing-the-accessibility-toolkit/)

- [Android accessibility](https://developer.android.com/guide/topics/ui/accessibility/index.html)

- [Empathy Prompts](https://empathyprompts.net) - Ideas to help consider Inclusive Design principles when making things for others to use.

- [Game accessibility guidelines](http://gameaccessibilityguidelines.com/) - A straightforward reference for inclusive game design

- [Generate an Accessibility Statement](https://www.w3.org/WAI/planning/statements/generator/#create)

- [AppleVis](https://www.applevis.com/) - A community-powered website for blind and low-vision users of Apple's products

- [Accessible UK Train Timetables](https://traintimes.org.uk/)

- [Record a goose sighting](https://github.com/ministryofjustice/record-a-goose-sighting#readme) - a fictional service to use an exercise for training teams about accessibility

- [Shake - The Typeface with Parkinson's](https://writewithparkinsons.com/) - a typeface made from the real handwriting of a person living with Parkinson's Disease

- [How Web Accessibility Works](https://blog.segunolalive.com/posts/how-web-accessibility-works/)

- [A11y Coffee](https://a11y.coffee/) - Pick your serving size of web accessibility information

- [Cards for Humanity](https://cardsforhumanity.idean.com/) - A practical tool to help you design more inclusively.



## Style guides



- [Material Design](https://material.io/guidelines/usability/accessibility.html) - Acecessibility guidelines from Google's Material Design

- [eBay's Mind Patterns](http://ianmcburnie.github.io/mindpatterns/) - Accessibility Patterns for the Web

- [React](https://facebook.github.io/react/docs/accessibility.html) - Implement accessible React apps

- [Shopify - Polaris](https://polaris.shopify.com/principles/accessibility)

- [MailChimp - Writing for Accessibility](http://styleguide.mailchimp.com/writing-for-accessibility/)

- [A11Y Style Guide](http://a11y-style-guide.com/) - A living style guide or pattern library, generated from KSS documented styles...with an accessibility twist



## Articles, blogs & links



### Culture



- [Creating an Accessible Culture](https://ux.shopify.com/creating-an-accessible-culture-199aaec12232)

- [Empowering a more accessible and inclusive world](https://blogs.microsoft.com/on-the-issues/2017/05/18/empowering-more-accessible-inclusive-world/)

- [Web accessibility is everyone’s job](https://medium.com/@rem_ram/building-accessibility-know-how-in-your-organisation-4b4f75a256cf)

- [FT - The case for accessibility](http://engineroom.ft.com/2016/10/21/the-case-for-accessibility/)

- [Designing Slack for everyone](https://slackhq.com/designing-slack-for-everyone-456002920bf2)

- [Dropbox - Creating a culture of accessibility](https://blogs.dropbox.com/tech/2017/04/creating-a-culture-of-accessibility/)

- [National Archives - This is for everyone: accessibility and digital](http://blog.nationalarchives.gov.uk/blog/everyone-accessibility-digital/)

- [Innovating with accessibility in mind](https://www.oreilly.com/ideas/innovating-with-accessibility-in-mind)

- [Championing Accessibility at the Guardian](https://www.theguardian.com/info/developer-blog/2017/jun/26/championing-accessibility-at-the-guardian)

- [Tips for making accessibility a core design principle](https://pixelpioneers.co/blog/2017/13-expert-tips-accessibility)

- [The quest to make Microsoft accessible to its core](https://www.microsoft.com/itshowcase/blog/quest-make-microsoft-accessible-core/)



### Techniques



- [Writing HTML with accessibility in mind](https://medium.com/alistapart/writing-html-with-accessibility-in-mind-a62026493412) - An introduction to web accessibility with tips on how to improve your markup

- [Writing JavaScript with accessibility in mind](https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9) - Improve the accessibility of your JavaScript components

- [Dos and don'ts on designing for accessibility](https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/)

- [Accessibility according to actual people with disabilities](https://axesslab.com/accessibility-according-to-pwd/)

- [How to Make Your Website Accessible to People Who Use a Screen Magnifier](https://dev.to/_bigblind/how-to-make-your-website-accessible-to-people-who-use-a-screen-magnifier)

- [How to make your site accessible for screen magnifiers](https://axesslab.com/make-site-accessible-screen-magnifiers/)

- [Disabled buttons suck](https://axesslab.com/disabled-buttons-suck/) - A specific article on why you shouldn't use disabled buttons

- [Accessibility for Visual Design](http://www.uxbooth.com/articles/accessibility-visual-design/)

- [Writing Accessible Content](https://foxland.fi/writing-accessible-content/) - Summary of good and bad practises about writing accessible content

- [Designing accessible products](https://uxdesign.cc/designing-accessible-products-e8aa79b55ebc) - "A comprehensive visual guide to making web technology available to a diverse world"

- [Writing descriptive alt attributes for images](http://simplyaccessible.com/article/descriptive-alt-attributes/)

- [Alt-texts: The Ultimate Guide](https://axesslab.com/alt-texts/)

- [In Plain Sight: Text, Contrast, and Accessibility](https://ux.shopify.com/in-plain-sight-5639c9afb4c6) - Article from Shopify UX

- [How to create content that works well with screen readers](https://accessibility.blog.gov.uk/2017/02/08/advice-for-creating-content-that-works-well-with-screen-readers/) - by [Léonie Watson](https://twitter.com/LeonieWatson)

- [How to structure headings for web accessibility](https://www.nomensa.com/blog/2017/how-structure-headings-web-accessibility)

- [Guidelines for Visualizing Links](https://www.nngroup.com/articles/guidelines-for-visualizing-links/) - From 2004 but still as relevant today

- [A Developer’s Guide to Better Accessibility](https://www.24a11y.com/2017/a-developers-guide-to-better-accessibility/)

- [How to design websites for blind and partially sighted people](http://whatusersdo.com/blog/how-to-design-websites-for-blind-and-partially-sighted-people/)

- [Podcast Accessibility](https://podcast-accessibility.com/) - How to make your podcast accessible for everyone

- [How to design a website for someone affected by dementia](https://www.alzheimers.org.uk/blog/how-design-website-someone-affected-dementia)

- [The problem with tooltips and what to do instead](https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/)



### Automation



- [The Power (and Limits) of Automated Accessibility Testing](https://www.nerdery.com/blog/the-power-and-limits-of-automated-accessibility-testing)

- [Accessibility Testing with aXe-core and WebdriverJS](https://www.deque.com/blog/accessibility-testing-axe-webdriverjs/)

- [Introducing AccessLint CI - Automated Web Accessibility Testing](https://robots.thoughtbot.com/introducing-accesslint-web-accessibility-testing-in-ci)



### Other articles



- [Personas for Accessible UX](http://rosenfeldmedia.com/a-web-for-everyone/personas-for-accessible-ux/)

- [Diverse Personas](https://members.businessdisabilityforum.org.uk/resource-category/resource/barclays-diverse-personas/)

- [What I've learned about motor impairment](http://simpleprimate.com/blog/motor)

- [The Web Should Just Work for Everyone](https://www.aaron-gustafson.com/notebook/the-web-should-just-work-for-everyone/)

- [Color Blindness Demonstration Using Coloured Pencils](https://imjustcreative.com/color-blindness/2017/01/26) - Simple demonstration, using Coloured Pencils, showing 4 types of Color Blindness

- [Selfish accessibility](http://adrianroselli.com/2017/03/selfish-accessibility-slides-from-talk-at-government-digital-service.html) - Slides from a talk at GDS

- [Reframing Accessibility for the Web](https://alistapart.com/article/reframing-accessibility-for-the-web)

- [How I Audit a Website for Accessibility](http://substantial.com/blog/2014/07/22/how-i-audit-a-website-for-accessibility/)

- [Ensuring iPlayer is accessible to all](https://iplayer.engineering/ensuring-iplayer-is-accessible-to-all-3d55a419242b)

- [Inclusive design toolkit](https://www.ontario.ca/page/inclusive-design-toolkit)

- [Screen Reader User Survey](https://webaim.org/projects/screenreadersurvey7/) - Recent survey by WebAIM around screen reader usage

- [Building the most inaccessible site possible with a perfect Lighthouse score](https://www.matuzo.at/blog/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](https://a11ywins.tumblr.com/) - Showcasing accessible user interfaces and tools.

- [The business case for inclusive design](https://bighack.org/the-business-case-for-inclusive-design-big-hack-study-research-digital-accessibility/)



### Videos



- [What does User Experience mean when you're blind?](https://vimeo.com/222490579)

- [Inclusive Design 24 (#ID24)](http://www.inclusivedesign24.org/) - Videos from the #ID24 event

- [Pragmatic Accessibility: A How-To Guide for Teams](https://www.youtube.com/watch?v=A5XzoDT37iM) - A talk from [rob_dodson](https://twitter.com/rob_dodson) at Google I/O '17. Aimed at everyone (PMs, UX etc), not just developers!

- [The Velvet Rope](https://youtu.be/rZExvZEjvtk) - Video of a great talk at [NUX5](https://2016.nuxconf.uk/) by Henny Swan about Accessible User Experience

- [YES, your site too can (and should) be accessible](https://www.youtube.com/watch?v=H4FzW9oFObs) - [Laura Carvajals

(@lc512k)](https://twitter.com/lc512k) from the FT's talk at JSConf EU 2017.



### Podcasts



- [Conversations around web accessibility](https://a11yrules.com/)

- [13 Letters](https://www.bemyeyes.com/podcasts-show/13-letters) - The Accessibility Podcast



## People to follow



See [The A11Y Project's who to follow](https://a11yproject.com/follow#people) or [Joe Watkin's "Top People to Follow in Web Accessibility"](https://github.com/joe-watkins/top-people-to-follow-in-web-accessibility).