I just launched a brand new course and book: Accessible Components with Vanilla JS.
This course covers the ins-and-outs of building accessible, interactive UI components in about an hour. You’ll learn…
- What assistive technology is
- How to enable and use a screen reader
- The basics of navigating the web with a keyboard
- The dangers of CSS-only interactive components
- The importance of HTML semantics
- Focus management essentials
- How to hide content, and accessibility considerations when doing so
- How to announce dynamic changes to the UI
- How to indicate button state
- How to build four of the most common interactive components
Curious what the course is like? Here’s a sample lesson.
As part of the course, we’ll build a collection of accessible UI components, including a show/hide disclosure, accordion, tabs, and a notification component.
Many thanks to Léonie Watson from TetraLogical for providing a technical edit of the course to ensure the recommendations in it are actually, well… good!