TIL wie man ein Menü serviert

A presentation at Tech Talk @ Tagesspiegel in November 2020 in by Gunnar Bittersmann

Slide 1

Slide 1

TIL wie man ein Menü serviert

Slide 2

Slide 2

Damast ‫دمشق‬

Slide 3

Slide 3

Slide 4

Slide 4

DAMAST DEUTSCHES DAMAST- & FROTTIERMUSEUM GROẞSCHÖNAU

Slide 5

Slide 5

DALLAS DEUTSCHES DAMAST- & FROTTIERMUSEUM GROẞSCHÖNAU

Slide 6

Slide 6

Slide 7

Slide 7

• 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

Slide 8

Slide 8

• 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)

Slide 9

Slide 9

TIL: Teichlmauke Oberlausitzer Gericht