Web Accessibility
Make your corner of the web better!
If you're making a website, you should try to make it as accessible as possible. Here are some resources on how to do that.
Development
-
This is a fantastic resource for learning what modern HTML can offer you. I always have it open in another tab whenever I'm authoring HTML and want to make sure I use the right element for the right purpose. You can always learn something new by poking around the enormous table of contents!
-
Web Accessability Initiative (WAI)
When it comes to web accessibility, this should be your first starting point. This website hosts a wealth of information about authoring accessible experiences on the web. Here are some of their most helpful references:
-
How to Meet WCAG (Quick Reference)
Learn in plain terms how a website should behave without digging into the implementation details. If you're looking for checklist of things to verify, this is it.
-
An easy to browse set of simple examples for common design patterns in web interface design, including page structure, tables, and forms. A great resource for refreshing what the best practices are when starting out on a new design.
-
ARIA Authoring Practices Guide
If you liked that previous resource but want even more details about how you can apply good web accessibility practices, this is the resource for you. It includes design patterns for dozens of different widgets, with details like how keyboard navigation should be implemented and what ARIA roles belong where. It's an absolutely invaluable reference once you start making more complex interactive components.
-
-
Firefox Developer Tools: Accessibility Inspector
Firefox's Accessibility Inspector is invaluable for being able to quickly browse through the accessability DOM more easily than any other browser I've used. Try it out on your site to get a feel for how things are labeled and what relationships they have.
Google Chrome also has an accessibility tree viewer, though as of this writing it's still in preview and not as fully-featured as Firefox's.
Screen reader guides
Here are the reference pages for the screen readers on the major operating systems