Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ accordion card main

@AngAnda

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

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

@AngAnda

Posted

@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,795

@vanzasetia

Posted

@AngAnda You are welcome! 😄

0

Please log in to post a comment

Log in with GitHub
Discord logo

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