Recommended resources and tools
A list of some of Fable’s favourite blogs, articles, and automated tools to help you continue your accessibility journey.
Amber Knabl, Customer Success @ Fable
“Remember: no matter what tool(s) you use, you will always need some form of human analysis to validate accessibility.”
Blogs/articles:
Development:
- Building the most inaccessible site possible with a perfect Lighthouse score: Blog article stressing the importance of manual testing.
- Bold, Bridge Lab’s Design System: An example of a design system with accessibility integrated.
- 24 Accessibility: A series of articles on all subjects related to digital accessibility.
- Three developer behaviors to eliminate 85% of accessibility defects: Sean Kelly and Thomas F. Dinkel present at CSUN 2018
Design:
- A set of posters on how to design with accessibility in mind: A do’s and don’t guide from Gov.UK
- Bold, Bridge Lab’s Design System: An example of a design system with accessibility integrated.
- A practical handbook on accessible graphic design: A handbook produced by the Association of Registered Graphic Designers and the Government of Ontario.
Automated tools:
Free:
- HeadingsMap: Creates a visual heading structure of the webpage by generating an index or ‘map’ of the headings
- Hemingway: An editing tool that helps make sure your content is easy to understand.
- WCAG 2.0 Contrast Checker: Check the color contrast between the foreground and background of on-page elements.
- EightShapes Contrast Grid: Evaluates foreground and background color combinations for compliance with WCAG 2.0.
- Pa11y: Free and open source tools to help designers and developers
- WAVE: Accessibility feedback displayed by icons and indicators directly on-page
- Lighthouse: Analyzes 75+ metrics and gives an overall page “score”
Paid:
- Siteimprove: A platform that evaluates web pages for accessibility issues in real time.