Modale Dialoge gestalten und testen

Geschätzte Lesezeit : 1 min · Veröffentlicht 2026-10-07

Was zu prüfen ist

Verwenden Sie einen Dialog, wenn eine begründete Unterbrechung nötig ist. Prüfen Sie zugänglichen Namen, Anfangsfokus, Tastaturbedienung und Schließen. Stellen Sie beim Schließen den passenden Fokus wieder her. Testen Sie Fehler, lange Inhalte und kleine Bildschirme, ohne Nutzer unnötig zu blockieren.

Referenzdokumente

W3C WAI — Modal dialog · Quelle eingesehen 2026-10-08
MDN — HTML dialog

Inhalt aktualisiert 2026-10-08

Prüfungen und Ergebnisse im Website-Prüfprotokoll festhalten

Funktionale Validierungsmatrix zur Projektanpassung

Diese vorgeschlagenen Kontrollen verwenden fiktive Fälle. Entscheiden Sie, welches Verhalten mit dem Team zu erwarten ist, schreiben Sie das Ergebnis auf und weisen Sie vor der Veröffentlichung ungelöste Abweichungen zu.

Scrollen Sie die Tabelle horizontal, um alle Spalten zu lesen. Mit der Tastatur fokussieren Sie den Tabellenbereich und verwenden die Pfeiltasten.

Testfälle, erwartete Ergebnisse und nützliche Beweise
Fall	Erwartetes Ergebnis	Beweis zu behalten
Dialog öffnen, mit Tab durchlaufen und mit Escape schließen	Der Fokus bleibt im geöffneten Dialog und kehrt beim Schließen zu einem sinnvollen Bedienelement zurück.	Fokusfolge, angesagter Name und Test mit langem Inhalt.