Statusmeldungen

Silktide fordert Sie auf zu überprüfen, dass Statusmeldungen – Toasts, Snackbars, Benachrichtigungsbanner, Erfolgs- und Fehlermeldungen – so eingerichtet sind, dass sie beim Erscheinen ankündigen.

Dies ist eine : Die Automatisierung kann nicht zuverlässig erkennen, welche Elemente Statusbereiche sind (Klassennamen, Sprachen und minifiziertes Markup variieren endlos). Daher zeigt Silktide auf jeder Seite eine entsprechende Aufforderung an, die dann von einer Person bestätigt wird.

<!-- Stumm: Screenreader kündigen dies beim Erscheinen nicht an -->
<div class="toast">Artikel zum Warenkorb hinzugefügt</div>

<!-- Angekündigt: role="status" macht es zu einer Live-Region -->
<div class="toast" role="status">Artikel zum Warenkorb hinzugefügt</div>

Warum das wichtig ist

Statusmeldungen berichten über das Ergebnis dessen, was ein Nutzer gerade getan hat: „Formular gespeichert“, „Artikel zum Warenkorb hinzugefügt“, „3 Treffer gefunden“, „Etwas ist schiefgelaufen“. Sehende Nutzer bemerken ihr Erscheinen; ein Screenreader liest das vor, was aktuell den Fokus hat, und eine an anderer Stelle der Seite erscheinende Meldung wird nicht angekündigt. Die Nutzerin oder der Nutzer sendet ein Formular ab und hört nichts – sie oder er kann nicht erkennen, ob es funktioniert hat, fehlgeschlagen ist oder noch lädt.

Das Kennzeichnen der Meldung als weist an, sie in dem Moment anzukündigen, in dem sie erscheint – ohne den Fokus der Nutzerin oder des Nutzers zu verändern.

Was zu prüfen ist

Ermitteln Sie alle Statusbereiche auf der Seite (Toasts, Snackbars, Flash-Meldungen, Inline-Erfolgs-/Fehlerbanner, Aktualisierungen der Trefferzahl).
Bestätigen Sie, dass jeder davon – oder ein permanenter Container, in den die Meldung geschrieben wird – role="status", role="alert", role="log" oder aria-live="polite" / aria-live="assertive" trägt.
Bevorzugen Sie einen Live-Regions-Container, der bereits beim Laden der Seite existiert; fügen Sie zur Laufzeit nur den Meldungstext ein. Live-Regionen, die zeitgleich mit ihrer Meldung erstellt werden, werden häufig nicht angekündigt.

Wenn die Seite keine Statusmeldungen hat oder alle korrekt angekündigt werden, Sie den Befund.

So beheben Sie das

Fügen Sie dem Meldungscontainer eine Live-Region-Rolle hinzu:
- role="status" für Routineaktualisierungen wie Bestätigungen und Trefferzahlen.
- role="alert" für wichtige, zeitkritische Meldungen wie Fehler.
Oder verwenden Sie das -Attribut direkt: aria-live="polite" (wartet auf eine Sprechpause) oder aria-live="assertive" (unterbricht sofort).

Wie Silktide dies testet

Silktide kann Statusbereiche nicht zuverlässig automatisch erkennen – aus Klassennamen zu raten erzeugt falsche Sicherheit und übersieht generiertes oder nicht-englisches Markup –, daher zeigt diese Prüfung pro Seite eine Überprüfungsaufforderung an, die beschreibt, was zu prüfen ist.