WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: opening an expandable menu while using voiceover

for

From: Sarah Ferguson
Date: Jul 9, 2018 8:43AM

Hi,

Sorry, I was on vacation last week, but I will look into these.

thanks!

Sarah Ferguson
Web Accessibility Specialist
Office of Digital Communications
Brandeis University



On Fri, Jun 29, 2018 at 7:46 PM Robert Fentress < <EMAIL REMOVED> > wrote:

> I'm curious--did any of those suggestions work?
>
> On Fri, Jun 29, 2018, 1:05 AM Mohith BP < <EMAIL REMOVED> > wrote:
>
> > 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>;*
> > > > > > > > > > > > > > >
> > > > > > > > > >
> > > > >