123
user profile image

A simple and responsive menu. HTML5 and CSS3 only. No jQuery. IE11 friendly.

The menu list was inspired by Bad Websites Examples: Top 50 Worst Websites Designs That Will Make You Cringe! by Ranking by SEO.

Comments

  1. Hey Erin, it's a great html/css solution but ultimately not an accessible solution.

    Here are a few accessibility concerns:

    • No focus styles
    • I am able to tab into elements within the menu when it is closed
    • Nothin alerts a screen reader user that the menu has opened or closed

    I would suggest checking out the inert attribute to trap focus https://github.com/WICG/inert#tldr

  2. @alexcarpenter These are all great suggestions. Thanks!

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...