WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Announcing sub menu levels


From: JP Jamous
Date: Oct 29, 2019 8:34AM

Close but not really. I keep digging up menus like that that do not announce
their levels.

The dynamic menu that I am facing expands as the user adds more items to it.
They can create a sub menu 3 levels deep. It is important to have screen
readers announce that to keep SR users oriented.

I am thinking of using role="menuitem" and aria-label="Level 1" on each

JP Jamous
Senior Digital Accessibility Engineer
E-Mail Me |Join My LinkedIn Network

-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Xavi
Sent: Tuesday, October 29, 2019 8:38 AM
To: 'WebAIM Discussion List' < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Announcing sub menu levels

See this example.

I have implemented it and is a good example.

Xavi Blanch

-----Mensaje original-----
De: WebAIM-Forum [mailto: <EMAIL REMOVED> ] En nombre de
JP Jamous Enviado el: martes, 29 de octubre de 2019 14:28
Para: 'WebAIM Discussion List' < <EMAIL REMOVED> >
Asunto: [WebAIM] Announcing sub menu levels

Hi folks,

I am trying to find a good ARIA article that explains how to implement sub
menus with levels. For example, I have a Menu button that expands under it
there can be a sub menu button and inside that sub menu button there would
be links. I want screen readers to announce:

"File Menu"

"new Sub Menu Level 1"

"Text File Menu Item"

"Folder Menu Item"

"Send to sub menu Level 1"

"7Zip sub menu Level 2"

"Extract file Menu Item"

"Extract Here Menu Item"

"Desktop Menu Item Level 1"

"mail Sub menu"

I cannot find an article that would allow me to include the sub menu level.
Any help would be greatly appreciated.


JP Jamous

Senior Digital Accessibility Engineer

<mailto: <EMAIL REMOVED> > E-Mail Me | <http://linkedin.com/in/JPJamous>; Join
My LinkedIn Network