Skip to content
Submitted 12 months ago

Accessible accordion, mobile-first, pixel-perfect w/ HTML & CSS & JS

accessibility, bem
haquanq•1,655
@haquanq
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Hello, i have completed this challenge 😁

Built with

  • Semantic HTML
  • Vanilla JavaScript & CSS
  • ARIA APG Guides

What i have done

  • Used my own judgement to achieve pixel-perfect without accessing to design files
  • Built an accordion component with accessiblity for screen readers, offer smooth transition effect for visual users
  • Overridden default outline effect on focus

Any feedback is appreciated 🙏

Code

Please log in to post a comment

Log in

Community feedback

  • xNyfPtx•1,260
    @xNyfPtx

    Wow, you managed to be pixel perfect without a design file!?!?!?

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