WCAG 2.1, 4.1.3, AA

Statusmeldungen

  • WCAG: 2.1
  • Stufe: AA
  • Thema: Syntax

Statusmeldungen (Informationen über Erfolg, Fortschritt oder Ergebnis einer Aktion, oder auch über auftretende Fehler) müssen erkannt werden können von assistierenden Technologien (z.B. Screenreader). Dies erlaubt die automatische Ausgabe jener Meldungen, ohne dass sie manuell gesucht werden müssen und potenziell übersehen werden.

Verstehen

Da assistierende Technologien (z.B. Screenreader) nicht immer den ganzen Seiteninhalt überwachen, sind in Fällen, wo sich ein Teil der aktuellen Seite ändert (z.B. um eine Fehlermeldung anzuzeigen), spezielle Massnahmen erforderlich, damit diese Änderungen trotzdem ausgegeben werden, und ohne dass der Fokus dabei neu gesetzt wird (z.B. durch Neuladen der Seite o.ä.).

Wenn Statusmeldungen visuell eingeblendet werden (z.B. Fehlermeldungen, Bestätigungsmeldungen, Ladeanzeigen/Fortschrittsbalken, etc.), müssen diese über geeignete Rollen oder Eigenschaften so ausgezeichnet werden, dass sie auch programmiertechnisch ermittelbar sind und mittels assistierender Technologien ausgegeben werden können.

Folgende Meldungen müssen z.B. in einem Screenreader ausgegeben werden, ohne dass der Fokus auf sie gesetzt wird:

- «27 Ergebnisse gefunden», z.B. wenn ein Filter angepasst wird und automatisch die Suchergebnisse aktualisiert werden.

- «Bitte warten Sie», «Seite wird geladen», z.B. nach dem Absenden einer Suchanfrage.

- «Persönliches Profil erfolgreich gespeichert», z.B. nach Aktualisieren und Speichern von Angaben in einem persönlichen Profil.

- «2 Produkte im Warenkorb», «Produkt in den Warenkorb gelegt», z.B. wenn per Schaltfläche die Zahl der Produkte in einem Warenkorb erhöht wird oder ein Produkt dem Warenkorb hinzugefügt wird.

- «Buch auf der Merkliste ergänzt», z.B. wenn eine Merken-Funktion für Produkte zur Verfügung steht.

- «3 Felder sind fehlerhaft», z.B. bei clientseitiger Überprüfung eines Formulars ohne Neuladen der Seite

Tipp: Eine Ausgabe durch assistierende Technologien auch ohne Fokussetzung kann durch Verwendung von Live Regions (z.B. role="alert") erfolgen; setzen Sie diese aber mit Bedacht ein, um den Audiokanal nicht zu überstrapazieren.

Verantwortlichkeiten

  • Das Entwicklungsteam stellt sicher, dass Statusmeldungen so implementiert sind, dass sie von assistierenden Technologien (z.B. Screenreadern) automatisch erkannt und ausgegeben werden können.

WCAG-Text

Bei Inhalten, die mittels Markup-Sprachen implementiert werden, können Statusmeldungen mittels Rollen oder Eigenschaften programmiertechnisch bestimmt werden, damit sie dem Benutzer durch assistierende Technologien präsentiert werden können, ohne dass sie den Fokus erhalten.

Code-Beispiel

<!-- Dieses Element wird von Screenreadern sofort ausgegeben, wenn sie in eine bereits geladene Seite eingefügt wird. -->
<p role="alert">Bitte bestätigen Sie, dass Sie die AGB gelesen haben.</p>