WebAIM - Web Accessibility In Mind

E-mail List Archives

Menus and other pop-ups in voiceover on iOS

for

From: Mark Magennis
Date: Jun 15, 2018 5:21AM

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