Help! Can someone explain how to do a full dropbox menu on a website?

Tell us what’s happening:

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

A true menubar is much more involved than you might think in order to make it completely accessible. If you want information on how to implement one properly you can look at the following:

https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html

https://www.w3.org/TR/wai-aria-practices/#menu

https://www.w3.org/WAI/GL/wiki/Using_ARIA_menus#Example_Keyboard_Behavior

The first link has a working example and lists all of the key handlers you will need to implement. If you look at the source for that page you can find the JS files they used to implement the functionality so you can take a look at their code to get an idea of how they did it.

If you aren’t up for all of that I’m guessing you can find something on github that might work for what you want to do. But be warned that a lot of stuff out there that claims it is accessible isn’t, so you’ll want to verify for yourself that it implements all of the keys properly.