RE: Updated Menu Button Examples for APG

I'm using JAWS in IE11.

I see what the problem is I think, the button needs a redundant click handler that performs the same action as Enter and the Downarrow. Otherwise when you arrow to the button in the Virtual Buffer and press Enter, nothing happens because the screen reader is simulating a mouse click and not a keypress.


-----Original Message-----
From: Gunderson, Jon R [mailto:jongund@illinois.edu] 
Sent: Monday, February 15, 2016 11:20 AM
To: Bryan Garaventa <bryan.garaventa@ssbbartgroup.com>; ARIA Working Group <public-aria@w3.org>
Subject: RE: Updated Menu Button Examples for APG

Bryan,

It does move focus to first menu item without any assistive technology, what is happening in your experience?
Which assistive technologies are you using?

Jon


-----Original Message-----
From: Bryan Garaventa [mailto:bryan.garaventa@ssbbartgroup.com] 
Sent: Monday, February 15, 2016 1:15 PM
To: Gunderson, Jon R <jongund@illinois.edu>; ARIA Working Group <public-aria@w3.org>
Subject: RE: Updated Menu Button Examples for APG

I'd recommend setting focus to the first role=menuitem element after the menu button is activated. Otherwise it sounds like nothing has occurred to a non-sighted screen reader user.

Also this comes into play for touch device users, where if focus is automatically set, it is possible to then swipe Left/Right on iOS for example to navigate between the menu items, but if focus is left on the button, you have to manually hunt for where the menu is located on the screen.

I'd also recommend adding a submenu example.

All the best,
Bryan



-----Original Message-----
From: Gunderson, Jon R [mailto:jongund@illinois.edu] 
Sent: Sunday, February 14, 2016 2:26 PM
To: ARIA Working Group <public-aria@w3.org>
Subject: Updated Menu Button Examples for APG


This example uses a button element as the menu button and demonstrates a menu of ³actions²:
https://rawgit.com/jongund/aria/master/practices/examples/menu-button/menu-
button-1.html

This example uses a a element as the menu button and demonstrates a menu of ³links²:
https://rawgit.com/jongund/aria/master/practices/examples/menu-button/menu-
button-2.html


Any comments about the operation, markup or the descriptions is welcome.

Jon

Received on Monday, 15 February 2016 19:55:44 UTC