JavaScript and Accessibility: Accordions

Content Warning: This blog post contains gifs. When I first wrote my post about JavaScript and Accessibility , I promised I would make it a series. I’ve decided to use my patreon to have votes on what my next blog post is. This topic won, and I’m fi…

Content Warning: This blog post contains gifs. When I first wrote my post about JavaScript and Accessibility , I promised I would make it a series. I've decided to use my patreon to have votes on what my next blog post is. This topic won, and I'm finally getting more time to write about JavaScript! So this topic I am going to go into a deep dive on how to make accordions accessible! Our focus is: Accessing the accordion with a keyboard Screen reader support HTML Structure I did a few pieces of research about the HTML structure. I read the a11y project 's link to Scott O'Hara's Accordion code . I also read Don's take about aria-controls - TL;DR he thinks they're poop. I couldn't escape reading the WAI-ARIA Accordion example as they set a lot of the standards. My hope is with all…
Print Share Comment Cite Upload Translate
CITATION GOES HERE CITATION GOES HERE
Select a language: