- 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>
Hi, 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? http://whatsock.com/tsg/Coding%20Arena/ARIA%20Menus/Vertical%20(Internal%20Content)/demo.htm 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: http://whatsock.com/tsg/Coding%20Arena/ARIA%20Menus/Variation%20Simulated%20Edit%20With%20Right%20Click/demo.htm 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 http://whatsock.com/training/matrices/#menu Best wishes, Bryan Bryan Garaventa Accessibility Fellow SSB BART Group, Inc. bryan.garaventa@ssbbartgroup.com 415.624.2709 (o) www.SSBBartGroup.com -----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. -r <script> $(function() { var h0 = { 'pm_list': [ "epub" ] }; $('#axap_options_menu').load('/Options', h0); $('#axap_options_menu').change( 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> <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