Statusberichten
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.
Wat het betekent
Statusberichten begrijpen | Hoe te voldoen aan Statusberichten (Niveau AA) In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen. 5. Conformiteit Dit hoofdstuk zet conformiteitseisen voor WCAG 2.1 op een rij. Het geeft ook informatie over het maken van conformiteitsclaims. Conformiteitsclaims zijn optioneel. Ten slotte beschrijft dit hoofdstuk wat het betekent om door toegankelijkheid ondersteund te zijn, aangezien alleen door toegankelijkheid ondersteunde manieren om technologie te gebruiken gesteund worden voor conformiteit. Understanding Conformance geeft verdere uitleg van het begrip door toegankelijkheid ondersteund. 5.1 Normatieve eisen interpreteren De belangrijkste inhoud van WCAG 2.1 is normatief en definieert de eisen die invloed hebben op conformiteitsclaims. Inleidend materiaal, bijlagen, paragrafen die zijn gemarkeerd als "niet-normatief", schema's, voorbeelden en opmerkingen zijn informatief (niet-normatief). Niet-normatief materiaal geeft advies en informatie over het interpreteren van de richtlijnen, maar schrijft geen eisen voor die gevolgen hebben voor een conformiteitsclaim. De belangrijke woorden MOGEN, MOETEN, MOETEN NIET, NIET AANBEVOLEN, AANBEVOLEN, ZOUDEN MOETEN en ZOUDEN NIET MOETEN, moeten worden geïnterpreteerd zoals beschreven in . 5.2 Conformiteitseisen Een webpagina is conform WCAG 2.1 als deze aan alle volgende conformiteitseisen voldoet:
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>Hoe A11yRisk dit detecteert
A11yRisk detecteert dit criterium automatisch.
Scan uw site op deze overtreding →