Přístupnost webu není nice-to-have — je to nutnost (a v EU zákonný požadavek).
Struktura¶
- ☐ Sémantické HTML elementy (nav, main, article)
- ☐ Správná hierarchie headings (h1→h2→h3)
- ☐ Skip to content link
- ☐ Jazyk stránky (lang atribut)
- ☐ Popisné page titles
Obrázky a média¶
- ☐ Alt text na obrázcích
- ☐ Decorativní obrázky mají alt=”“
- ☐ Video má titulky
- ☐ Audio má transkript
Navigace¶
- ☐ Keyboard navigable (Tab, Enter, Escape)
- ☐ Focus indikátor viditelný
- ☐ Focus order logický
- ☐ Žádné keyboard traps
Formuláře¶
- ☐ Labely propojené s inputy
- ☐ Error messages popisné
- ☐ Required fields označené
- ☐ Autofill hints (autocomplete atribut)
Barvy a kontrast¶
- ☐ Kontrast ratio ≥ 4.5:1 (text)
- ☐ Informace nepřenášena pouze barvou
- ☐ Dark mode podpora
- ☐ Respektuje prefers-reduced-motion
Testování¶
- ☐ axe DevTools rozšíření
- ☐ Screen reader test (VoiceOver/NVDA)
- ☐ Keyboard-only navigace test
- ☐ Lighthouse accessibility audit
Legislativa¶
Od 2025 platí European Accessibility Act. Přístupnost není volitelná.
accessibilityfrontendux