Skip to content
Submitted 5 months ago

FAQ accordion

accessibility
Mirna Andrišić•540
@mandrisic
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Muhamad Rukhul Kirom•380
    @rukhulkirom

    Hello there👋. Good job on completing the challenge!

    I have some suggestions about your code that might interest you.

    1. Enhance Accessibility

    • Add aria-expanded for better screen reader support : <summary aria-expanded="false">What is Frontend Mentor?</summary>

    • Update via JavaScript when opened.

    1. Improve Mobile Spacing

    Add more padding to summary for better tap targets on mobile.

    summary {
    padding: 1em;
}
    Marked as helpful

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