Tastaturbedienung

TasteAktion
TabVerschiebt den Fokus zum nächsten Element im Dialog.
Umschalt + TabVerschiebt den Fokus zum vorherigen Element im Dialog.
EscSchließt den Dialog, sofern er keine Auswahl erzwingt.

Hinweise zur Barrierefreiheit

  • Beim Öffnen mit showModal() erhält der Dialog role="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 autofocus oder an das erste fokussierbare Element. Setze autofocus bei 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.