WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: ARIA menubar/menuitem keyboard use

for

From: Bryan Garaventa
Date: Feb 13, 2013 1:23PM

Another example if it's helpful, is at
http://whatsock.com/modules/aria_tabs_menu_modules/demo.htm
It's important to synchronize focus handling with the relevant ARIA markup
correctly, otherwise the right feedback won't be conveyed to screen reader
users.

I'm currently working on a technical style guide for developers regarding
components such as these, which I hope to have completed within the next two
weeks.

----- Original Message -----
From: "Chris Rodriguez" < <EMAIL REMOVED> >
To: < <EMAIL REMOVED> >
Sent: Wednesday, February 13, 2013 7:48 AM
Subject: [WebAIM] ARIA menubar/menuitem keyboard use


> Hello,
>
> I'm working with a vertical style subnavigation menu that I'd like to make
> keyboard navigable. It functions like an accordion - clicking/pressing
> Enter on one level will "expand" it's child pages. Currently, I can Tab
> through the menu and navigate to each element, but screen readers aren't
> aware there are nested lists under each top-level section.
>
> It was brought to my attention to try the ARIA role="menubar" and
> "menuitem". I've implemented this and the screen readers understand the
> items are part of a menu, but I cannot use the keyboard arrow keys to move
> around as I'd like.
>
> Does anyone have insight as to why this is the case and suggestions or
> recommendations for making it work?
>
> Thanks in advance,
> Chris
> > >