WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Menus and other pop-ups in voiceover on iOS

for

From: Jonathan Cohn
Date: Jun 15, 2018 7:42AM

The equivalent of escape in VoiceOver gestures is the two finger scrub. Put two fingers on the screen and move back and forth once quickly.

Jonathan

> On Jun 15, 2018, at 7:21 AM, Mark Magennis < <EMAIL REMOVED> > wrote:
>
> Hi everyone.
>
> I'm just starting to test a website on iOS. Never done this before and it's proving very difficult to use. I have a couple of specific questions.
>
> First, I'm wondering, using voiceover with no keyboard, how does the user dismiss a pop-up such as a menu without selecting? AFAIK there is no equivalent gesture for the Escape key which would be used on desktop. I can dismiss a <select> control which Voiceover announces as a "picker", because when I tap outside the control, Voiceover tells me to "double tap to dismiss popup". But if I tap outside a menu (div role="menu") it selects whatever element I've tapped on.
>
> Second, there's the issue of how to navigate between items within the menu. When the menu is open, swipe right and left seem to emulate down arrow by moving focus to the next or previous menu item. But this doesn't work consistently. It repeatedly and randomly jumps back to the first item every now and again. If I ever reach the last item, the next swipe goes outside the menu, so the menu is not modal like it is on desktop.
>
> Aside from these two specific issues, can anyone point to good resources about coding web menus, dialogs, etc. that will work well with Voiceover on iOS.
>
> Thanks,
> Mark
>
> Mark Magennis
> Skillsoft | mobile: +353 87 60 60 162
> Accessibility Specialist
>
> > > >