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…


This content originally appeared on a11y with Lindsey and was authored by a11y with Lindsey

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…


This content originally appeared on a11y with Lindsey and was authored by a11y with Lindsey


Print Share Comment Cite Upload Translate Updates
APA

a11y with Lindsey | Sciencx (2019-05-16T00:00:00+00:00) JavaScript and Accessibility: Accordions. Retrieved from https://www.scien.cx/2019/05/16/javascript-and-accessibility-accordions/

MLA
" » JavaScript and Accessibility: Accordions." a11y with Lindsey | Sciencx - Thursday May 16, 2019, https://www.scien.cx/2019/05/16/javascript-and-accessibility-accordions/
HARVARD
a11y with Lindsey | Sciencx Thursday May 16, 2019 » JavaScript and Accessibility: Accordions., viewed ,<https://www.scien.cx/2019/05/16/javascript-and-accessibility-accordions/>
VANCOUVER
a11y with Lindsey | Sciencx - » JavaScript and Accessibility: Accordions. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2019/05/16/javascript-and-accessibility-accordions/
CHICAGO
" » JavaScript and Accessibility: Accordions." a11y with Lindsey | Sciencx - Accessed . https://www.scien.cx/2019/05/16/javascript-and-accessibility-accordions/
IEEE
" » JavaScript and Accessibility: Accordions." a11y with Lindsey | Sciencx [Online]. Available: https://www.scien.cx/2019/05/16/javascript-and-accessibility-accordions/. [Accessed: ]
rf:citation
» JavaScript and Accessibility: Accordions | a11y with Lindsey | Sciencx | https://www.scien.cx/2019/05/16/javascript-and-accessibility-accordions/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts