page-header

Barrierefreiheit: Alert-, Dialog und Alertdialog-Rolle in wai-aria

  Dialog Alertdialog Alert
Rolle role=”dialog” role=”alertdialog” role=”alert”
Beschreibung Ein modaler/nicht modaler Dialog, der vom User eine Entscheidung wünscht. Ein modaler Dialog, der vom User eine Entscheidung verlangt. Eine Meldung, die vom User keine Entscheidung verlangt.
Beispiel im Einsatz
aria-modal kann true sein muss true sein kein aria-modal
Fokus Der Dialog:
sollte mind. ein fokusierbares Kind haben
– ein Element sollte im Fokus sein, sobald der Dialog angesteuert wird
– wenn es ein modaler Dialog ist, dann sollte der Fokus vom Autor mit Javascript gemanagt werden
Der Fokus muss innerhalb des Dialogs liegen sobald der Alertdialog angesteuert wird. Der Fokus kann den Alertdialog erst verlassen, wenn vom User eine Auswahl getroffen wurde. Der Fokus im Alert sollte nicht gesetzt werden
Wichtig sollte aria-labeledby besitzen sollte aria-descripedby besitzen kein Schließen für assistive Technologien vorgesehen (eventuell verstecken mit aria-hidden)
Übersicht über verschiedene Arten von Dialogen und Alerts in wai-aria