WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Dropdown Menus

for

From: Bim Egan
Date: Jan 9, 2018 8:24AM

I like the Adobe example of an accessible mega menu:
https://adobe-accessibility.github.io/Accessible-Mega-Menu/

If appropriate the menu can contain headings, lists, paragraphs or images,
as well as the menu links.

It behaves exactly as it should, with the menu opening when the top level
link is activated and collapsing when keyboard focus moves away from the
last item in the dropdown, on desktop anyway. It has only one flaw that I've
found and that is that the menu doesn't collapse when focus moves to the
next top level link on small screens, for instance with VoiceOver running.


HTH,

Bim