Kalendář: Prozkoumání přístupnosti a iterace komponenty
Co
Komponenta nesplňuje Zákon o přístupnosti a best practice.
Pro některé uživatele může být zmatečná, a měla by být postupně vylepšena skrz ARIA-WAI.
Proč je to problém
- BREAKING Tlačítka přepínání na další/předchozí měsíc nenesou název, nesplňují tak WCAG 2.1 SC 4.1.2
- Pokud je tabulka použita jako způsob rozvržení prvků, měla by dostat roli
presentation
, viz Zdroje - Komponenta je ve své podstatě přepínač, každý prvek (den) by se měl ohlašovat jako stisknutý/nestisknutý za pomoci
aria-pressed
- Komponenta v současné chvíli odečítačce obrazovky neohlašuje dnešní datum jako dnešní. Dá se postupně vylepšit za pomoci
aria-current="date"
Doporučení
Příklad řešení pro tlačítko přepínání měsíce:
<button class="gov-calendar__toggle gov-calendar__toggle--prev" type="button">
Předchozí
<span class="visually-hidden"> měsíc</span>
</button>
Zdroje
Spec
Zařízení: MacBook
Prohlížeč: Safari + Chrome
A11y tool: VoiceOver na Big Sur 11.4