Search
 
SCRIPT & CODE EXAMPLE
 

HTML

keyboard accessible buttons on navbar

<div class="menu_button">
  <button id="menubutton"
          aria-haspopup="true"
          aria-controls="menu2">
    WAI-ARIA Quick Links
  </button>
  <ul id="menu2"
      role="menu"
      aria-labelledby="menubutton">
    <li role="none">
      <a role="menuitem" href="https://www.w3.org/">
        W3C Home Page
      </a>
    </li>
    <li role="none">
      <a role="menuitem" href="https://www.w3.org/standards/webdesign/accessibility">
        W3C Web Accessibility Initiative
      </a>
    </li>
    <li role="none">
      <a role="menuitem" href="https://www.w3.org/TR/wai-aria/">
        Accessible Rich Internet Application Specification
      </a>
    </li>
    <li role="none">
      <a role="menuitem" href="https://www.w3.org/TR/wai-aria-practices/">
        WAI-ARIA Authoring Practices
      </a>
    </li>
    <li role="none">
      <a role="menuitem" href="https://www.w3.org/TR/wai-aria-implementation/">
        WAI-ARIA Implementation Guide
      </a>
    </li>
    <li role="none">
      <a role="menuitem" href="https://www.w3.org/TR/accname-aam-1.1/">
        Accessible Name and Description
      </a>
    </li>
  </ul>
  <script type="text/javascript">
    window.onload=function() {
    var menubutton = new Menubutton(document.getElementById('menubutton'));
    menubutton.init();
  </script>
</div>
Comment

PREVIOUS NEXT
Code Example
Html :: html entity for ascending descending 
Html :: cshtml set a max value foreach 
Html :: Representing the transition on image 
Html :: html snake hr tag 
Html :: wie heilt man Cholesteatom 
Html :: toggle button on html 
Html :: html body background color 
Html :: Open the image after clicking on the text with the effect in html 
Html :: timezone picker html 
Html :: cats bla bla bla 
Html :: hirudhimap.blogspot.com 
Html :: html select multiple 
Html :: bootstrap navbar 
Html :: html projects 
Html :: wrapping text around images 
Html :: later synonym 
Html :: how to add a rollover image in html 
Css :: ul reset 
Css :: css center elment screen 
Css :: use .ttf in css 
Css :: loop scss 
Css :: text truncate after 3 lines 
Css :: how to center a div in css 
Css :: make ane element not selectable css 
Css :: truncate text css 
Css :: remove hover effect css 
Css :: glowing text css 
Css :: Safari only CSS hack 
Css :: css space between elements 
Css :: invisible button css 
ADD CONTENT
Topic
Content
Source link
Name
9+3 =