WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: List of buttons triggers MENU role

for

From: glen walker
Date: Oct 24, 2018 12:43PM

As a bit of an aside, anytime I encounter a drag and drop interface that
needs to be accessible, the first thing I do is make sure the same
operation can be done with a keyboard. You don't necessarily have to be
able to drag something with a keyboard as long as whatever you're trying to
accomplish can be done with an alternate interaction. For example, when
inserting shapes onto a slide in powerpoint, I can get to the shapes menu
with the keyboard and after arrowing to the shape I want, hitting
Ctrl+Enter will insert the shape into my slide. I can then use the arrow
keys to move and resize the shape to where I want it. I didn't have to
drag/drop anything.

That doesn't mean you can't have an accessible drag and drop. With
voiceover in safari on my ipad, I can press/hold on a tab and then drag the
tab to reorder the tabs in the browser. Voiceover gives feedback on where
the tab is being dragged. It's pretty sweet.

However, speaking to your original question, as Steve noted, you might have
some other code that is causing the menu announcement, such as
aria-haspopup, or the role on a parent item.

Glen