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. It's one of the best ways to support me. You can also sign up for my newsletter or follow me on Twitter if you want to know when new articles are published.
Originally published on austingil.com.
