Menu bar (mobile)

Voorbeeld HTML

<div
  class="rvo-mobile-menu rvo-mobile-menu--md rvo-mobile-menu--closed rvo-mobile-menu--horizontal-rule"
  aria-expanded="false"
>
  <button
    class="utrecht-button utrecht-button--subtle rvo-mobile-menu__toggle utrecht-button--rvo-md"
    type="button"
  >
    <span
      class="utrecht-icon rvo-icon rvo-icon-menu rvo-icon--md rvo-icon--hemelblauw rvo-mobile-menu__open-icon"
      role="img"
      aria-label="Menu"
    ></span>
    Menu
  </button>
</div>

Open in nieuwe tab

Richtlijnen:

• Zet altijd als laatste een knop 'uitloggen' in de mobile Menubar.
• Zorg ervoor dat een gebruiker altijd naar de sluit knop kan navigeren met het keyboard wanneer het menu geopend is.