Difference between revisions of "ARIA Menu"

From Level Access Web Labs
Jump to navigation Jump to search
Line 139: Line 139:
 
<div>
 
<div>
 
<ul tabindex="0" onclick="showHide(event);" onkeyup="keystroke(event);" id="m1" onfocus="drawFocus();" onblur="removeFocus();" role="menubar" aria-activedescendant="l1" >
 
<ul tabindex="0" onclick="showHide(event);" onkeyup="keystroke(event);" id="m1" onfocus="drawFocus();" onblur="removeFocus();" role="menubar" aria-activedescendant="l1" >
   <li tabindex="-1" id="l1" role="menuitem" aria-haspopup="true" aria-labelledby="label1" data-next="l1a" data-previous="l1c"><span id="label1" >WCAG 2 &#9660;</span>
+
   <li tabindex="-1" id="l1" role="menuitem" aria-haspopup="true" aria-labelledby="label1" data-next="l1a" data-previous="l1c"><span id="label1" >File &#9660;</span>
 
     <ul role="menu" id="u1" class="menu" >
 
     <ul role="menu" id="u1" class="menu" >
 
       <li id="l1a" data-next="l1b" data-previous="l1" tabindex="-1" onclick="window.location = 'http://www.w3.org/TR/2008/REC-WCAG20-20081211/';" role="menuitem">WCAG 2.0</li>
 
       <li id="l1a" data-next="l1b" data-previous="l1" tabindex="-1" onclick="window.location = 'http://www.w3.org/TR/2008/REC-WCAG20-20081211/';" role="menuitem">WCAG 2.0</li>
Line 146: Line 146:
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
   <li id="l2" tabindex="-1" role="menuitem" aria-haspopup="true" aria-labeleldby="label2" data-next="l2a" data-previous="l2c"><span id="label2">Section 508 &#9660;</span>
+
   <li id="l2" tabindex="-1" role="menuitem" aria-haspopup="true" aria-labeleldby="label2" data-next="l2a" data-previous="l2c"><span id="label2">Edit &#9660;</span>
 
     <ul role="menu" id="u2" class="menu" >
 
     <ul role="menu" id="u2" class="menu" >
 
       <li id="l2a" data-next="l2b" data-previous="l2" tabindex="-1" onclick="window.location ='http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/section-508-standards';" role="menuitem">The Standards</li>
 
       <li id="l2a" data-next="l2b" data-previous="l2" tabindex="-1" onclick="window.location ='http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/section-508-standards';" role="menuitem">The Standards</li>

Revision as of 18:24, 15 December 2017

ARIA menus

Menubar with menu items that contain menus with other menu items