Vypínač/Toggle: Prozkoumání přístupnosti a iterace komponenty
Co
Postupné vylepšení toggle za pomoci WAI-ARIA switch role, která komunikuje stav přes aria-checked
. V tuto chvíli se jedná pouze o přestylizovaný checkbox, což může některé uživatele mást.
<span>
by měl být vylepšen za pomoci aria-hidden
.
Proč je to problém
-
aria-checked
pomůže na určitých platformách s ohlášením, že se jedná element s přepínání stavu on/off -
aria-hidden
může odvrátit nechtěné ohlášení togglu odečítačkami obrazovek
Doporučení
Příklad řešení
<label class="check-switch" for="switch">
<input id="switch" role="switch" type="checkbox">
<span aria-hidden="true"></span>
</label>
Zdroje
Spec
Zařízení: MacBook
Prohlížeč: Safari + Chrome
A11Y tool: VoiceOver na Big Sur 11.4