aria modal
aria-modal verspricht einen geschlossenen Fokusraum.
Das Attribut allein sperrt nichts. Testen Sie Name, Hintergrund, Escape und Rückfokus an einem echten Dialog – danach Code oder öffentliche URL.
01 / Dialog-Schleuse
Verträge schalten und den Dialog wirklich bedienen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Schleuse Ihnen.
Dialog-Schleuse
Semantik und Verhalten müssen schließen.
Hintergrund
Kontoeinstellungen
Das Dialog-Labor ist bereit.
02 / Der Unterschied
Ein Dialog ist der Anfang, nicht die Website.
Modalität scheitert am Verhalten
aria-modal ohne Fokusfang lässt Screenreader-Nutzende hinter dem Dialog weiterlesen. Fehlt der Rückfokus, verliert sich der Auslöser beim Schließen.
Kandidaten finden, Bedienung testen
Der Website-Check findet Dialog-Markup und Attribute wie role, aria-modal und aria-labelledby auf Ihren Seiten. Tab-Reihenfolge, Escape und Rückfokus bleiben Bedientests.
Fundstellen statt Musterlösungen
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigenen Dialoge prüfen.
Die Schleuse testet einen einzelnen Dialog. Der Website-Check prüft Ihre Seiten auf Dialog-Markup und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis