/Html/Keyboard accessible buttons on navbar

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>

Source: w3.org

Similar codes

0 vote253 views1 answer
Tailwind CSS List group
Html
0 vote211 views1 answer
How to add bar notation in html
Html
0 vote216 views1 answer
Mark the workd in html
Html
0 vote211 views1 answer
Who is circle are you acting like(c)[https://www.youtube.com/fe:f9:39:B4:2+02/history(0 YouTube
Html
1 vote232 views3 answers
Twig format number
Html
-1 vote218 views2 answers
Simplecss cdn
Html
0 vote228 views1 answer
How to put two drop downs side by side in html
Html
0 vote228 views1 answer
Add a gif a background image in html
Html
0 vote207 views1 answer
Input type=number 01
Html
58 votes245 views6 answers
Link html
Html