navbar.html

<!--
  @description Semantic, accessible navigation bar with mobile hamburger toggle.
  @tags nav, accessible, responsive, a11y
-->
<nav class="site-nav" aria-label="Main navigation">
  <div class="nav-brand">
    <a href="/" aria-label="Home page">Logo</a>
  </div>
  
  <button 
    type="button" 
    class="nav-toggle" 
    aria-expanded="false" 
    aria-controls="nav-menu"
    aria-label="Toggle navigation menu"
  >
    <span class="hamburger-icon" aria-hidden="true"></span>
  </button>

  <ul id="nav-menu" class="nav-menu">
    <li><a href="/features" aria-current="page">Features</a></li>
    <li><a href="/docs">Documentation</a></li>
    <li><a href="/about">About</a></li>
  </ul>
</nav>