Skip to content
Submitted about 2 years ago

FAQ-accordion (using HTML, CSS and React)

Sankalpa Sarkar•520
@IllusiveCoder1101
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

Had a lot of fun working on this simple but tricky project. Learnt a lot of CSS and well had fun during the entire process. Feedbacks are always welcome..

Community feedback

  • Mohamed•270
    @mohamed-benoughidenePosted about 2 years ago

    hi I checked your code and I noticed that you have 8 ACCESSIBILITY ISSUES all of them are because you didn't use ARIA LANDMARKS. for example in your code in line 11 you can make it like this

    <div className="container" role="main">

    aria landmarks are very useful for users of screen readers so it's best practice to use them. I hope you find my feedback helpful if so please upvote me and mark it as helpful 😃.

    Marked as helpful
    0
    Sankalpa Sarkar•520
    @IllusiveCoder1101Posted about 2 years ago

    @mohamed-benoughidene Thanks for the feedback, I will definitely fix that in the future.

    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