Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL wie man ein Menü serviert

TIL wie man ein Menü serviert

Gunnar Bittersmann

November 02, 2020
Tweet

More Decks by Gunnar Bittersmann

Other Decks in Programming

Transcript

  1. • interaktive Elemente (tastaturbedienbar, werden von Screenreadern mit ihrer Rolle

    angesagt): • <a> für Links zu anderen Seiten • <button> für Aktionen auf der Seite • Verknüpfung von Button und Menü: • <button> zum Öffnen/Schließen gehört ins <nav>-Element • aria-controls verknüpft Button mit Menü • aria-expanded gibt aktuellen Zustand an
  2. • Tastatursteuerung: • bei geschlossenem Menü dürfen Links nicht erreichbar

    sein: tabindex="-1" für jeden Link oder hidden-Attribut fürs Menü bzw. display: none oder visibility: hidden • Escape-Taste schließt Menü • beim Verlassen des Menüs muss Menü schließen oder Focus trap (Tastaturfokus innerhalb des Menüs halten)