Resources
This is my personal list of helpful guides, tools, and other things. I've used a lot of them as sources of information.
The first thing I'm going to link to is the Web Content Accessibility Guidelines (WCAG) . These are the official guidelines published by the Web Accessibility Initiative of the World Wide Web Consortium (W3C). A lot of the other guides on this page (including my own quick guide!) are going to reference WCAG. The guidelines aren't perfect, but they're good to be familiar with. WCAG Level AA is used by a lot of companies as an internal benchmark and has also been made law in some countries.
DON'T try to read through all of the guidelines right away, though. They're super long and super technical. Trust me lol
"Official" Guides
- How to Meet WCAG (Quick Reference) - A checklist put out by the W3C. It's still really long and really technical ("quick reference" is a lie), but it's a bit easier to digest than reading the entire WCAG.
Accessibility Guides on Neocities
Turns out I'm not the only person doing this! Here's a few folks to check out:
- A Field Guide to Web Accessibility - An excellent resource. It concisely explains the principles of web accessiblility, goes over a few of the basics (good to use as a checklist!), and has links to a bunch of other useful things.
-
Solaria's Web Making Guides
-
This person has a number of guides, not all of them focused on accessibility. Here's the ones that are:
- Web Accessibility - This one's pretty comprehensive and also has another list of resources!
- Common Accessibility Problems
- Dyslexia Design Tips
- The 7 Deadly Neocities Sins - Common accessibility mistakes on Neocities and how to fix them.
Other Guides
- Access Guide by Alex Chen - Full of nice tips, ordered by topic. Also has a glossary and an awesome accessibility checklist. It hasn't been updated since 2021, though.
Tools
Before I start the list, I want to say that no automated testing tool will ever be able to catch everything. A perfect score from an automatic test doesn't mean your site is accessible. They can still be useful, though, and they'll catch a lot of things that are easy to fix.
- WAVE - An automated accessibility testing tool.
- axe devTools - Another tool for automated accessibility testing. It's a free browser extension for Chrome, Firefox, and Edge. There's also a paid version with more features.
- WebAIM Color Contrast Checker
- W3C HTML Validator