Nazwa, rola, wartość
For all user interface components, the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically determined; and notification of changes is available to user agents, including assistive technologies.
Co to oznacza
Zrozumieć KS Nazwa, rola, wartość | Jak spełnić KS Nazwa, rola, wartość (Poziom A) Dla wszystkich komponentów interfejsu użytkownika (w tym, ale nie tylko, elementów formularzy, łączy oraz komponentów wygenerowanych przez skrypty) nazwa oraz rola mogą być określone programowo ; stan, właściwości oraz wartości, które mogą być ustawione przez użytkownika, mogą również być ustawione programowo ; powiadomienie o zmianach w tych elementach dostępne jest dla programów użytkownika , w tym technologii wspomagających. Uwaga To kryterium sukcesu jest przede wszystkim dla autorów stron internetowych, którzy opracowują lub skryptują własne komponenty interfejsu użytkownika. Na przykład, standardowe kontrolki HTML już spełniają to kryterium, gdy są używane zgodnie ze specyfikacją.
Failing example
<!-- Fails: icon button with no accessible name -->
<button onclick="closeDialog()">
<svg aria-hidden="true"><!-- X icon --></svg>
</button>
<!-- Fails: custom toggle with no ARIA role or state -->
<div class="toggle active" onclick="toggle(this)"></div>How to fix it
<!-- Pass: icon button with aria-label -->
<button onclick="closeDialog()" aria-label="Close dialog">
<svg aria-hidden="true"><!-- X icon --></svg>
</button>
<!-- Pass: custom toggle with role and state -->
<div role="switch" aria-checked="true" tabindex="0"
onclick="toggle(this)"
onkeydown="if(event.key===' ')toggle(this)">
Notifications
</div>Jak A11yRisk to wykrywa
A11yRisk wykrywa to kryterium automatycznie.
Skanuj swoją witrynę pod kątem tego naruszenia →