This content originally appeared on Go Make Things and was authored by Go Make Things
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
If you already own my complete set of pocket guides or the expert bundle, this is a free upgrade (and if you buy one of them, the course is included at a steep discount).
Curious what the course is like? Here’s a sample lesson.
[aria-live] attribute.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!
Click here to learn more about the course.
🚀 New Course! Learn how to build accessible interactive components with vanilla JS and level-up your developer game. Click here to learn more.
This content originally appeared on Go Make Things and was authored by Go Make Things
Go Make Things | Sciencx (2022-06-07T14:30:00+00:00) How to build interactive JavaScript components that work for everyone who uses your site. Retrieved from https://www.scien.cx/2022/06/07/how-to-build-interactive-javascript-components-that-work-for-everyone-who-uses-your-site/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.