WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Announcing sub menu levels

for

From: joe@a11yeval.com
Date: Oct 29, 2019 8:40AM

Adding that exact aria-label would not be recommended as it wouldn't
announced the visible text for the menuitem since you are overriding it.
You could add an aria-label to the element with role=menu, but I'm not sure
if that will announce what you want so you would need to code it up and test
with multiple AT/browsers.

Joe Humbert
Accessibility Champion

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

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
container.



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


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

Hi,
See this example.
https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-
1.html#

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

--------------------





http://webaim.org/discussion/archives
http://webaim.org/discussion/archives
http://webaim.org/discussion/archives