The sites I design require that they meet the Americans with Disabilities Act (ADA) guidelines, which means that they need to be navigable via the keyboard w/o use of a mouse.
Foundry’s Nav. Bar and MegaMenu do a decent job of meeting this requirement for a menu bar UNLESS you have any menu items that have a Drop Down.
If you look at the MegaMenu sample page (https://foundry.elixirgraphics.com/samples/potion-pack/mega-menu/) you can see/test for yourself. Starting with your cursor in the URL bar of your browser, navigate from the top of the page by only using the Tab key (no mouse).
The three “Drop Down >” menu items are simply skipped when tabbing. On the sample page “Home” is selected after hitting Tab once, which is expected. But, the second press of the Tab skips to the “Page Name” link, bypassing all three “Drop Down >” menu items.
Now, if you select the Drop Down with a mouse click, to “open” the drop down, the Tab key will then step through all the selections of the drop down. Unfortunately, that still requires a mouse click.
Any ideas why Drop Downs menu items are skipped when using the Tab key to navigate? Is there any way to correct this behavior?
Thanks in advance for any input,