Skip to content
Submitted over 3 years ago

FAQ accordion card Mobile first

accessibility, lighthouse
PhoenixDev22•16,830
@PhoenixDev22
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello community, In this challenge , I have used another way to make accessible accordion buttons, headers and ARIA attributes combination.

  • Using JavaScript to close the opened accordion when opening another one.
  • The user is able to navigate using the keyboard.

If there’s anything you suggest to improve or missed, please don’t hesitate and leave a comment. Thanks in advance

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on PhoenixDev22's solution.

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