I, personally, am a fan of making the web more accessible. I like the idea that more people will be able to use the things I build, and I like the challenges associated with building a more accessible web. Here are some of my favorite resources for doing so:
Read about accessibility laws, guidelines, and best practices:
- Section 508 of the Rehabilitation Act
- Title II of The Americans with Disabilities Act (ADA)
- The Web Content Accessibility Guidelines (WCAG)
- WAI-ARIA Authoring Practices
- The A11y Project
- Inclusive Components
Accessibility testing and auditing tools:
- HTML_CodeSniffer
- aXe Developer Tools
- webhint
- WAVE
- NoCoffee
- Colorblind Web Page Filter
- Siteimprove (Chrome extension)
- Firefox Accessibility Inspector
Accessibility design tools:
- Accessible Brand Colors
- Accessible color palette builder
- A11y – Color Contrast Checker (Figma Plugin)
- Colorsafe
- Hexnaw
- Tanaguru contrast finder – Color contrast tester
- Random11y – Random, high-contrast color combination
Accessibility developer tools:
- Access Lint – Automatically test your pull requests
- Web Disability Simulator – Chrome extension that does exactly what it sounds like.
- a11y – Command line tool.
- AATT – Automated testing tool.
- Pa11y
- VS Code Web Accessibility extension
- van11y
- Koa11y
Thank you so much for reading. If you liked this article, please share it, and if you want to know when I publish more articles, sign up for my newsletter or follow me on Twitter. Cheers!
Originally published on austingil.com.
