Coding Accessible Focusable Headings in JavaScript + Screen Reader Testing

Tutorial on how to make focusable headings for use cases such as single-page applications, "view more" self-destruct buttons, and more.
At the end, we test our code with VoiceOver on Mac.

00:00 Introduction
00:18 Using semantic HTML
02:33 Adding Javascript to manage focus
03:47 Handling older browsers
05:14 Testing with a screen reader

Code - https://github.com/stefany-newman/accessibility/tree/main/fencing-club
Blog post - https://medium.com/@web-accessibility-education/how-to-code-accessible-focusable-headings-with-javascript-9ad8e19f5e43

Enroll in my new, highly rated, VoiceOver course - macOS VoiceOver Testing: An Absolute Beginner's Guide - https://www.udemy.com/course/macos-voiceover-testing-an-absolute-beginners-guide/?referralCode=053D703EA1CB5AB7BBC4

Interested in learning more about Accessibility? Check out my top-rated Udemy courses!

WCAG Simplified - https://www.udemy.com/course/web-content-accessibility-guidelines-wcag-21-simplified/?referralCode=365EBDCCD12DF84DE072

Creating Accessible Websites - https://www.udemy.com/course/creating-accessible-websites/?referralCode=BD7848F74DCCB84B809E

ARIA for beginners - https://www.udemy.com/course/introduction-to-wai-aria-for-beginners/?referralCode=ABF7EAB6B17E453FB406

Видео Coding Accessible Focusable Headings in JavaScript + Screen Reader Testing канала Web Accessibility Education