Skip to content
Submitted 11 months ago

Accessible Accordion

Jax Teller•670
@piushbhandari
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Accessible accordion.

Please critique how accessible my accordions are + review markup, css, and javascript . thanks!

i added an extra little feature that lets you choose if you want to have one accordion open at a time or not.

Community feedback

  • Bruce B•505
    @bbsmoothdevPosted 11 months ago

    The accessibility on your toggle buttons is great. But I would double check if you have the right values for the aria-hidden attribute on the content.

    Marked as helpful
    0
    Jax Teller•670
    @piushbhandariPosted 11 months ago

    @bbsmoothdev oops, yeah you're right. just fixed it. thanks

    0

Please log in to post a comment

Log in with GitHub

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