A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
TIL wie man ein Menü serviert
Damast دمشق
DAMAST DEUTSCHES DAMAST- & FROTTIERMUSEUM GROẞSCHÖNAU
DALLAS DEUTSCHES DAMAST- & FROTTIERMUSEUM GROẞSCHÖNAU
• 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
• 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)
TIL: Teichlmauke Oberlausitzer Gericht
Workshop zu einem barrierefreien Hamburger-Menü
The following code examples from the presentation can be tried out live.
