Tastaturbedienung
| Taste | Aktion |
|---|---|
| Tab | Verschiebt den Fokus zum nächsten Element im Dialog. |
| Umschalt + Tab | Verschiebt den Fokus zum vorherigen Element im Dialog. |
| Esc | Schließt den Dialog, sofern er keine Auswahl erzwingt. |
Hinweise zur Barrierefreiheit
- Beim Öffnen mit
showModal()erhält der Dialogrole="dialog"und modale Semantik, und der Rest der Seite wird inert. - Titel und Beschreibung sind über generierte IDs verknüpft, sodass Screenreader beim Öffnen beides ansagen.
- Der Fokus geht zuerst an das Element mit
autofocusoder an das erste fokussierbare Element. Setzeautofocusbei destruktiven Bestätigungen auf die sichere Option. - Beim Schließen kehrt der Fokus zu dem Element zurück, das den Dialog geöffnet hat.
- Browser können einen Dialog, der eine Auswahl erzwingt, nach mehrmaligem Drücken von Esc ohne weitere Interaktion trotzdem schließen. Biete daher immer einen ausdrücklichen Ausweg an.