Submitted about 1 year ago

Accessible FAQ Accordion

#accessibility#react#tailwind-css

Luke (Taek) Nam•50

@tnamdevnote

Preview site View code

This is a solution for...FAQ accordion

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Accessibility Questions

I was referring to ARIA guidelines to make accordion accessible. But I wasn't quite sure what accessibility feature does aria-controls offer in accordion. It seems to point to the panel in which the accordion header controls, but is this necessary? what benefit does this have?

https://www.w3.org/WAI/ARIA/apg/patterns/accordion/examples/accordion/#rps_label

Community feedback

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord