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
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ-accordion (using HTML, CSS and React)

@IllusiveCoder1101

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


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-benoughidene

Posted

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

@IllusiveCoder1101

Posted

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