W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2017

RE: pulldown issue questions (resend)

From: Bryan Garaventa <bryan.garaventa@ssbbartgroup.com>
Date: Sat, 18 Feb 2017 00:40:30 +0000
To: Rich Morin <rdm@cfcl.com>, WAI Interest Group <w3c-wai-ig@w3.org>
CC: Amanda Lacy <lacy925@gmail.com>
Message-ID: <BN6PR03MB27854E9F920B0D4C1A2BA0DF985C0@BN6PR03MB2785.namprd03.prod.outlook.com>
ARIA attributes don't change the browser functionality, so adding these attributes won't change the way that JavaScript works in your pages.

Are you referring to a single click menu like the following?

It's important to note that custom ARIA Menus like these have different requirements depending on what they are used for. E.G in this case since this is a Menu Button construct it works by pressing Space, Enter, as well as when left clicked using the mouse. These are programmed using specific key handlers to perform the same action as onClick.

In other design patterns where an active element, such as a form field for example has a right-click menu attached instead, then it is necessary to bind the Shift+F10 keystroke and the Applications key if desired to the focused field.

An example of this type of paradigm can be seen here:

The same concept applies for more complex interactive widget constructs such as Tabs and Trees, like the following:
Tabs: http://whatsock.com/tsg/Coding%20Arena/ARIA%20Menus/Variation%20ARIA%20Tabs%20With%20Right%20Click/demo.htm 
Tree: http://whatsock.com/tsg/Coding%20Arena/ARIA%20Menus/Variation%20ARIA%20Tree%20With%20Right%20Click/demo.htm 

All of these differences are covered in the ARIA Menu Role Matrices table at

Best wishes,

Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
415.624.2709 (o)

-----Original Message-----
From: Rich Morin [mailto:rdm@cfcl.com] 
Sent: Friday, February 17, 2017 4:02 PM
To: WAI Interest Group <w3c-wai-ig@w3.org>
Cc: Amanda Lacy <lacy925@gmail.com>
Subject: pulldown issue questions (resend)

I have some pulldown menus that don't open for Amanda when she hits the "space" bar in NVDA.  Instead, she has to use alt-down_arrow.  I'd like to know if there is some ARIA goodness I should be incuding in my HTML.

FWIW, I'm using jQuery to respond to events, reload options, etc.  See below for a code extract.


 $(function() {
   var h0 = { 'pm_list': [ "epub" ] };
   $('#axap_options_menu').load('/Options', h0);

     function(event) {
       /* Get selection info for pulldown menu. */
       var pm_val = $(event.target).val();
       var pm_var = $('option:selected', this).attr('id'); ...

<div id='axap_options_pane'>
 <label for='axap_options_menu'><b>Options:</b></label>&nbsp;
 <select id='axap_options_menu' name='axap_options'></select> </div>

http://www.cfcl.com/rdm           Rich Morin           rdm@cfcl.com
http://www.cfcl.com/rdm/resume    San Bruno, CA, USA   +1 650-873-7841

Software system design, development, and documentation
Received on Saturday, 18 February 2017 00:41:10 UTC

This archive was generated by hypermail 2.3.1 : Saturday, 18 February 2017 00:41:11 UTC