Přeskočit na obsah
Checklist

Accessibility checklist

7 min čtení
AccessibilityFrontendUX

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á.

CORE SYSTEMS tým

Enterprise architekti a DevOps inženýři. Stavíme systémy, které fungují.