WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: List of buttons triggers MENU role

for

From: Isabel Holdsworth
Date: Oct 25, 2018 8:42AM

Oh my goodness Steve, you're correct. My component must have inherited
something from up the tree. Thank you - this is very helpful. I'll
take it out of the setting it's in and test it in isolation.

Glen, I'm offering keyboard users an alternative, whereby when they
activate the item they want to drag, a menu pops up containing the
names of all possible drop areas. It works beautifully, apart from
this menu issue, which I now know is down to inheritance and can be
fixed.

Thanks both, very useful indeed.

Cheers, Isabel

On 24/10/2018, glen walker < <EMAIL REMOVED> > wrote:
> 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
> > > > >