Statusmeldungen
In content implemented using markup languages, status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.
Was es bedeutet
Statusmeldungen verstehen (englisch) | Statusmeldungen erfüllen (englisch) (Stufe AA) In Inhalten, die mit Auszeichnungssprachen implementiert sind, können Statusmeldungen mittels Rollen oder Eigenschaften durch Software bestimmt werden, so dass sie dem Benutzer von assistierenden Techniken präsentiert werden können, ohne Fokus zu erhalten. 5. Konformität In diesem Abschnitt sind die Anforderungen an die Konformität zu den WCAG 2.1 aufgelistet. Hier erhalten Sie außerdem Informationen darüber, wie man Konformitätserklärungen erstellt, die optional sind. Abschließend wird beschrieben, was es bedeutet, Barrierefreiheit unterstützend zu sein, da man sich nur dann, wenn man Techniken auf eine die Barrierefreiheit unterstützende Art benutzt, auf die Konformität verlassen kann. Konformität verstehen (englisch) beinhaltet weitere Erklärungen zu dem Konzept „Barrierefreiheit unterstützend“. 5.1 Normative Anforderungen interpretieren Der Hauptinhalt der WCAG 2.1 ist normativ und definiert Anforderungen, die sich auf Konformitätserklärungen auswirken. Einführungsmaterial, Anhänge, als „nicht-normativ“ gekennzeichnete Abschnitte, Diagramme, Beispiele und Hinweise sind informativ (nicht-normativ). Nicht-normatives Material liefert Hinweise zur Interpretation der Richtlinien, stellt aber keine Anforderungen, die sich auf eine Konformitätserklärung auswirken. Die Schlüsselwörter KANN , MUSS , MUSS NICHT, NICHT EMPFOHLEN , EMPFOHLEN , SOLL und SOLL NICHT sind wie in beschrieben zu interpretieren. 5.2 Konformitätsbedingungen Damit eine Webseite WCAG 2.1-konform ist, müssen alle folgenden Konformitätsbedingungen erfüllt sein:
Failing example
<!-- Fails: success toast injected into DOM silently -->
<div id="toast" class="toast">Item added to cart</div>
<script>
document.getElementById("toast").textContent = "Added!";
</script>How to fix it
<!-- Pass: ARIA live region announced to screen readers -->
<div id="toast" role="status" aria-live="polite"
aria-atomic="true" class="toast"></div>
<script>
// Injecting text into a live region triggers announcement
document.getElementById("toast").textContent = "Item added to cart";
</script>So erkennt A11yRisk dieses Kriterium
A11yRisk erkennt dieses Kriterium automatisch.
Website auf diesen Verstoß prüfen →