Přístupnost (standard)

Každý nový prvek na webu by měl splňovat WCAG 2.1 AA (zrak + sluch + tisk). U klientských webů je to závazek vůči koncovým uživatelům i právní rámec (EAA).

Checklist

Sémantika + landmarky (header/nav/main/footer), jeden <h1>, logická hierarchie nadpisů.
Klávesnice + viditelný focus; overlay (menu/lightbox/modal) = focus-trap + návrat fokusu, Esc zavírá.
Formuláře: <label>/aria-label, autocomplete, stavy přes aria-live, povinná pole označená.
Obrázky alt, ikony bez textu aria-label/aria-hidden.
Kontrast textu ≥ 4.5:1; pozor na muted text a barevná tlačítka (popředí dle jasu pozadí).
Formulářová pole bez barevného focus rámečku (jen jemný neutrální).
Video = titulky + přepis; respektovat prefers-reduced-motion.
Tisk: @media print + print:hidden na chrome (hlavička/patička/lišty/formuláře).

CI kontrola

Doporučeno: GitHub Actions s @axe-core/cli (axe / WCAG2AA) nad vybuilděnými stránkami.

- name: a11y
  run: |
    npm run build
    npm run preview -- --port 4321 --host &
    npx --yes wait-on -t 60000 http://localhost:4321/
    npx --yes @axe-core/cli@4 http://localhost:4321/ --tags wcag2a,wcag2aa --exit