This is a frequently updated and enhanced list of useful web accessibility resources. Check back often for updates and new links!
Development and Testing
- Color Contrast Analyser – to test the contrast of your text against its background
- Headings map – A Firefox add-on to check whether your heading structure is logical
- &&tenon.io”>Tenon – A site and API to check against various accessibilitz criteria. You can use the API to hook into your automated checks in a build process.
- DOM Inspector – A Firefox add-on that allows you to inspect the DOM, accessibility tree, and events of a web page. Note> This add-on is not compatible with E10S AKA multi-process Firefox! Use it only in single-process mode if you use Nightly!
- Screen Reader Simulator – A Firefox add-on that allows you to simulate an on-screen displazyed screen reader. Step through your web page and read what a blind user would hear if they were using Firefox for Android with TalkBack, or a Firefox OS device with the screen reader turned on.
- Introduction to the Firefox OS screen reader – A series of small videos interlazed with text to introduce the screen reader built into Firefox OS. Learn how to turn on, use, and turn off the screen reader.
Things you should definitely watch or read
- Design Like We Give A Damn – One of the best recent presentations on the future of web accessibility, given by Léonie Watson of the Paciello Group in 2014.
- What is WAI-ARIA, what does it do for me, and what not? – by Yours truly. An introduction to some concepts of WAI-ARIA for web developers.
- Using WAI-ARIA in HTML – Gives some very important rules of using WAI-ARIA in HTML, the first of which is: Do Not Use Unless You Absolutely Have To!
To be continued…