WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Headings in a Menu Button UI pattern

for

From: Birkir R. Gunnarsson
Date: Jun 9, 2015 9:05AM

Adobe decided to avoid the menu role for its accessible megamenu implementation:
https://adobe-accessibility.github.io/Accessible-Mega-Menu/
(it is good, ehough they should have implemented the escape key to
close a menu and move focus back to its trigger element).
You can use group labels and focusable separators inside menus, though
assistive technology support for that is, shall we say, more of a
future proposition rather than today's reality.

I think if you have more than two items with a common label, and you
want to go with a menu construct, group the items into a submenu with
an appropriate triggering element and keyboard navigation (arrow keys
to open and close), or equivalent for touch-screen.
It would simplify keyboard operation as well as provide grouping and a
common label within the context of menus, something users of menus on
operating systems are used to.
Once properly supported, the concept of menus within webpages and apps
can be useful, but today there are technical challenges, such as
functions on mobile devices with assistive technologies, that create
potential barriers.
Cheers
-B


On 6/9/15, Moore,Michael (HHSC) < <EMAIL REMOVED> > wrote:
> Have you spoken to Hixie?
>
> Mike Moore
> Accessibility Coordinator
> Health and Human Services Commission
> Civil Rights Office
> (512) 438-3431 (Office)
> (512) 574-0091 (Cell)
>
>