Skip to content
Submitted about 2 years ago

FAQ accordion card main

Andreea Angelescu•120
@AngAnda
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Build using html, scss and javascript. Any feedback would be appreciated.

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted about 2 years ago

    Hello, Andreea Angelescu! 👋

    Congratulations on finishing this challenge! 🎉

    One suggestion I have is to use native HTML elements (summary and details) to create the accordion. Those elements are accessible by default and already have the open-and-close functionality. Currently, there is no way for screenreaders to tell that the accordions are already expanded or collapsed.

    That's it! I hope this helps! 😊

    Marked as helpful
    2
    Andreea Angelescu•120
    @AngAndaPosted about 2 years ago

    @vanzasetia thank you for checking out my code! Your suggestions have been truly insightful and I will try to implement them in my code.

    0
    Vanza Setia•27,775
    @vanzasetiaPosted about 2 years ago

    @AngAnda You are welcome! 😄

    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