Skip to content
Submitted almost 2 years ago

Responsive and Accessible Intro section with dropdown navigation

Abhijith Muthyala•760
@abhijithmuthyala
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

  • Used polypane browser to match the design (atleast on desktop).
  • Followed the disclosure pattern recommended by W3C for both dropdown navigation and the hamburger button.
  • Tested with NVDA screen reader.

TODO

  • Implement focus trapping within the hamburger navigation.

Community feedback

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