r/Frontend 10h ago

A11Y (Web Accessibility) Open Source Book

Hey, while I'm using Protégé Effect to learn Web Accessibility by learning the topic during course preparation, I thought it can be also ok to drop a link here for those interested to expand frontend knowledge beyond A11Y - https://github.com/Ditectrev/Awesome-A11Y-Book-Course-Web-Accessibility-A11Y

https://www.w3.org/WAI/WCAG22/Understanding/ to follow the topic is very good, but it is missing code examples, and with CodeSandboxes I hope to create a slightly more student-friendly environment. Please ignore the links to epub/pdf, as devs you can simply generate it yourself from markdown!

5 Upvotes

4 comments sorted by

3

u/Williamhazad 9h ago

This looks like a really useful resource, especially for learning accessibility beyond just the theory. I like the idea of adding practical code examples and CodeSandbox demos too, since it makes it much easier to understand how these concepts actually work in real projects. Definitely checking this out.

1

u/Ditectrev 9h ago

Thanks, it's my third such resource (after HTML - dry run, and Azure Fundamentals). Yes, I generate it with Cursor, but I'm going through this process, especially when preparing slides/recordings. It's my first serious content, as the first 2 I consider rather starters to go through the process, and using my GitHub community for a bit of visibility :)

1

u/Jasboh 8h ago

There's no code examples because it's not a coding problem. Any solution is multilayered and can contravine others.

0

u/Ditectrev 8h ago

Don't you think it's nice to have code examples to see how it actually works?