WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: opening an expandable menu while using voiceover

for

From: Mohith BP
Date: Jun 28, 2018 11:05PM

Hi Sarah,

Please check the few points:
1. Ensure that the expanded sub-menu items are not loaded dynamically
rather made visible / hidden through CSS.
2. Ensure that the parent / child relationship is available in DOM and
you do not use aria-owns. At times aria-owns creates issues.
3. Ensure all the ARIA markup is as per ARIA authoring practice for
Menu / menubar.

Thanks & Regards,
Mohith B. P.

On 6/29/18, Sarah Ferguson < <EMAIL REMOVED> > wrote:
> Thanks everyone
>
> On Thu, Jun 28, 2018 at 8:10 PM Robert Fentress < <EMAIL REMOVED> > wrote:
>
>> Hi, Sarah.
>>
>> See the thread I started about the issue I encountered that I think is
>> the
>> same as yours here:
>> https://webaim.org/discussion/mail_thread?thread=8748
>>
>> Best,
>> Rob
>>
>>
>> On Thu, Jun 28, 2018, 8:01 PM Robert Fentress < <EMAIL REMOVED> > wrote:
>>
>> > The issue may be the result of the menu trigger being a sibling of its
>> > menu. See if wrapping the menu or trigger in a div takes care of it.
>> > I
>> > struggled with what I'm guessing is the same issue for a long time
>> > before
>> > hitting upon this solution.
>> >
>> > On Thu, Jun 28, 2018, 4:39 PM Sarah Ferguson < <EMAIL REMOVED> >
>> > wrote:
>> >
>> >> Thanks, everyone. Here are some more details:
>> >>
>> >>
>> >> - VO on Mac, ios has a new set of issues that we are DEFINITELY
>> >> going
>> >> to
>> >> fix.
>> >> - CTRL+opt+space
>> >> - The action doesn't redraw the page per se, but it's a web page
>> >> left
>> >> navigation, so expanding the menu gives you more links you
>> >> otherwise
>> >> won't
>> >> know about.
>> >> - Example (pages 3 and 4 have submenus in this example):
>> >>
>> >>
>> >> [menu collapsed]
>> >> Page 1
>> >> Page 2
>> >> Page 3 +
>> >> Page 4
>> >> Page 5 +
>> >>
>> >> [submenu opened for page 3]
>> >> Page 1
>> >> Page 2
>> >> Page 3 -
>> >> Page 3a
>> >> Page 3b
>> >> Page 3c
>> >> Page 4
>> >> Page 5 +
>> >>
>> >> Using VO, when you reach the page 3 submenu, you can expand it with
>> >> the
>> >> return/enter key. Voiceover will open the submenu and the next item
>> >> read
>> >> is
>> >> Page 3a. and so forth.
>> >>
>> >> If you expand using CTRL+opt+space, the submenu expands, but the next
>> item
>> >> read is Page 4. I think this is a problem.
>> >>
>> >>
>> >>
>> >> Sarah Ferguson
>> >> Web Accessibility Specialist
>> >> Department of Digital Communications
>> >> Brandeis University
>> >>
>> >>
>> >> On Thu, Jun 28, 2018 at 4:18 PM glen walker < <EMAIL REMOVED> >
>> >> wrote:
>> >>
>> >> > Some clarifications.
>> >> >
>> >> > VO on a Mac? (Not iOS?)
>> >> >
>> >> > You say "Enter" key but that's also possible with a bluetooth
>> >> > keyboard
>> >> with
>> >> > iOS so was just clarifying.
>> >> >
>> >> > And by "VO Button" (instead of Enter), do you mean the key
>> combination,
>> >> > such as control+option+command+spacebar, or some such combination?
>> >> > >> >> > >> >> > >> >> > >> >> >
>> >> >> >> >> >> >> >> >> >>
>> >
>> >> >> >> >>
> --
> Sarah Ferguson
> Web Accessibility Specialist
> Office of Digital Communications
> Brandeis University *|* 781.736.4259
> *Web Accessibility Help Desk < <EMAIL REMOVED> >*
> *Web Accessibility at Brandeis <http://www.brandeis.edu/web-accessibility>;*
> > > > >