aria live region
Dynamische Änderungen ankündigen, ohne den Fokus zu verschieben.
Eine Live Region muss vor der Änderung im DOM stehen. polite wartet, assertive darf unterbrechen. Konfigurieren Sie Priorität, Umfang und Zeitpunkt.
01 / Ansagen-Labor
Ereignis konfigurieren, Zustellung sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.
Announcement-Routing
Ereignis an die Live Region senden
Bereits im DOM
aria-live="polite"<div aria-live="polite"
aria-atomic="true"
aria-relevant="additions text">
Profil gespeichert.
</div>Das Labor aktualisiert eine echte Live Region. Die konkrete Ausgabe hängt von Browser, Screenreader und Einstellungen ab.
02 / Der Unterschied
Eine Region ist der Anfang, nicht die Website.
Ansagen scheitern am Zeitpunkt
Regionen, die erst mit der Änderung ins DOM kommen, bleiben oft stumm; komplett ersetzte Regionen sprechen doppelt. Zu viele assertive-Meldungen unterbrechen laufende Ausgaben.
Markup finden, Verhalten hören
Der Website-Check findet Live-Region-Attribute und Statusmeldungen ohne passende Rolle auf Ihren Seiten. Ob die Ansage wirklich ankommt, bleibt ein Test mit assistiver Technik.
Fundstellen statt Codebeispiele
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigenen Statusmeldungen prüfen.
Das Labor routet ein einzelnes Ereignis. Der Website-Check prüft Ihre Seiten auf Live-Region-Markup und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis