Komunikaty o stanie
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.
Co to oznacza
Zrozumieć KS Komunikaty o stanie | Jak spełnić KS Komunikaty o stanie (Poziom AA) W treści wprowadzonej przy użyciu języka znaczników komunikaty o stanie mogą być programowo określane poprzez role lub właściwości, dzięki czemu mogą być prezentowane użytkownikowi za pomocą technologii wspomagających bez uzyskiwania fokusu. 5. Zgodność W tej części wymieniono wymagania dotyczące zgodności z wytycznymi WCAG 2.1. Zawarto także informacje, w jaki sposób można składać oświadczenia o zgodności (są opcjonalne). Na końcu wyjaśnione zostało pojęcie wspierania (obsługiwania) dostępności, ponieważ tylko technologie obsługujące dostępność mogą stanowić wiarygodną podstawę zgodności . Dokument Understanding Conformance (Zrozumieć zgodność) zawiera dalsze wyjaśnienie pojęcia obsługiwania dostępności . 5.1 Interpretacja wymagań normatywnych Główna treść WCAG 2.1 ma charakter normatywny i określa wymagania, które mają wpływ na deklaracje zgodności. Materiał wprowadzający, dodatki, sekcje oznaczone jako „nienormatywne”, diagramy, przykłady i uwagi mają charakter informacyjny (nienormatywny). Materiały nienormatywne zawierają informacje dodatkowe, które pomagają interpretować wytyczne, ale nie tworzą wymagań, które mają wpływ na deklarację zgodności. Słowa kluczowe MOGĄ , MUSZĄ , NIE MUSZĄ , NIE POLECANE , POLECANE , POWINNY i NIE POWINNY należy interpretować zgodnie z opisem w [ RFC2119 ]. 5.2 Wymogi dotyczące zgodności Aby strona internetowa była zgodna z wytycznymi WCAG 2.1, muszą być spełnione wszystkie poniższe wymagania dotyczące zgodności:
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>Jak A11yRisk to wykrywa
A11yRisk wykrywa to kryterium automatycznie.
Skanuj swoją witrynę pod kątem tego naruszenia →