Opened 6 years ago

Closed 6 years ago

#17562 closed defect (invalid)

dijit.Menu needs an accessible name

Reported by: doubleren Owned by:
Priority: undecided Milestone: tbd
Component: Dijit Version: 1.9.1
Keywords: Cc:
Blocked By: Blocking:

Description

Problem: dijit.Menu does not meet the a11y requirement: A WAI-ARIA widget must have an accessible name specified with aria-label, aria-labelledby or the widget's inner text.

If WAI-ARIA widget role is menu, Widget may be labelled by one of the following: aria-label, aria-labelledby. So the solution is adding attribute aria-label or aria-labelledby in the menu DOMNode as the following.

<table cellspacing="0" dojoattachevent="onkeypress:_onKeyPress" tabindex="0" role="menu" class="dijit dijitMenu dijitMenuPassive dijitReset dijitMenuTable" id="dijit_Menu_18" widgetid="dijit_Menu_18"> </table>

Change History (1)

comment:1 Changed 6 years ago by bill

Component: GeneralDijit
Resolution: invalid
Status: newclosed

This is up to the application. For example, the application can do:

<div id="navMenu" data-dojo-type="dijit/Menu" aria-label="navigation">
	<div data-dojo-type="dijit/MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconPaste",
		onClick:function(){ console.log("drama!"); }'>Drama</div>
	<div data-dojo-type="dijit/MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCut",
		onClick:function(){ console.log("comedy!") }'>Comedy</div>
	<div data-dojo-type="dijit/MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconCopy",
		onClick:function(){ console.log("romance!") }'>Romance</div>
...
Note: See TracTickets for help on using tickets.