WCAG 2.2 v praxi pro města a obce (2025 průvodce)

Úvod: Proč WCAG 2.2 a co to znamená pro samosprávy

WCAG 2.2 je oficiální standard od 5. října 2023 a přináší 9 nových kritérií. Ve veřejné správě je přístupnost povinnost i služba občanům. Mnoho požadavků lze splnit rychle bez zásadních zásahů do designu.

– W3C/WAI: Oficiální shrnutí WCAG 2.2

S praktickou implementací pomůžeme: Audit přístupnosti, Implementace WCAG, Školení, Formuláře a e‑podání a CMS pro samosprávy.

Novinky ve WCAG 2.2 (stručně a srozumitelně)

Focus not obscured (Fokus není překrytý)

• Cíl: Aktivní prvek nesmí být překrytý sticky prvky (cookie lišta, hlavička, chat).
• Tip: U kotvení použijte scroll-margin-top nebo offset.

Focus appearance (Vzhled focusu)

• Fokus musí být jasně viditelný (kontrast, tloušťka, velikost), ideálně přes :focus-visible.

Dragging movements (Tah má alternativu)

• Pokud ovládání vyžaduje tah, musí existovat alternativa bez tahání (tlačítka, klávesy).

Target size (Minimální cílová velikost)

• Klikatelné prvky by měly mít min. ~24×24 px nebo odpovídající rozestupy.

Consistent help (Konzistentní pomoc)

• Kontakty/pomoc jsou na stránkách na stejném místě (hlavička, patička).

Redundant entry (Redundantní zadávání)

• Nevyžadujte opětovné vyplňování známých údajů, předvyplňujte kde to jde.

Accessible authentication (Přístupná autentizace)

• Přihlášení nesmí vyžadovat náročné hádanky; povolte password manažery a „vložit“.

Jak hodnotitelé typicky testují (automat + manuál + čtečky)

• Automat: Lighthouse, axe, WAVE.
• Manuál: Tab/Shift+Tab/Enter/Escape, pořadí focusu, viditelnost.
• Čtečky: NVDA/JAWS, VoiceOver.

Doporučujeme nezávislý Audit přístupnosti a následnou implementaci.

Quick‑wins na existujících webech

• Kontrast textů a prvků UI.
• Viditelný focus ring (:focus-visible).
• Formuláře: jasné chyby přes aria-describedby a konzistentní labely.
• Navigace: „Přeskočit na obsah“, správná hierarchie H1–H3.
• Média: alt texty, titulky, popisy grafů.

Formuláře a e‑podání: na co si WCAG 2.2 všímá

• Chybová hlášení: konkrétní a programově navázaná.
• Pořadí focusu: logické, bez nečekaných skoků.
• Povinná pole: jasné označení a skupiny polí.
• Redundantní zadávání: nevyžadujte opakování údajů.

Více: Formuláře a e‑podání.

SPA/Next.js a přístupnost (routing, focus, live regions)

• Po routingu přesuňte focus na hlavní nadpis/kontejner obsahu.
• Oznámení změn přes aria-live.
• „Přeskočit na obsah“ jako první prvek.
• Kontrolujte role/ARIA u komponent.

Pro editory: CMS pro samosprávy.

Prohlášení o přístupnosti: co má obsahovat + šablona

Základní prvky prohlášení: provozovatel, stav souladu (WCAG 2.2), nepřístupný obsah a důvody, alternativní mechanismy, zpětná vazba a dozor.

Krátká šablona:

Prohlášení o přístupnosti

Provozovatel: Město/Obec/Kraj …
Týká se: Název webu/systému …
Stav souladu: Web je (plně/částečně) v souladu s WCAG 2.2.
Nepřístupný obsah: …
Alternativní mechanismy: …
Zpětná vazba: …
Dozorový orgán: …
Datum poslední aktualizace: …

Rádi prohlášení připravíme v rámci auditu a implementace.

Roadmapa: audit → implementace → školení → monitoring

1. Audit a prioritizační plán.
2. Implementace oprav (UI, navigace, formuláře, šablony).
3. Školení týmů – Accessibility training.
4. Monitoring a regresní kontroly.

Začněte jednoduše: Audit přístupnosti → plán → rollout.

FAQ (pro rich results)

Co je nové ve WCAG 2.2?

Devět nových kritérií se zaměřením na fokus, cílové plochy, tah, konzistentní pomoc, redundantní zadávání a přístupnou autentizaci.

Jak probíhá audit přístupnosti?

Automat + manuál + čtečky; dostanete prioritizovaný plán oprav. Viz Audit přístupnosti.

Jak rychle lze opravit nejčastější problémy?

Quick‑wins během dnů; větší změny podle rozsahu v týdnech.

Podporujete Next.js/WordPress?

Ano. Máme komponenty a postupy pro Next.js i WordPress. Viz Implementace WCAG a CMS pro samosprávy.

---

Potřebujete pomoc? Začněte auditem a společně nastavíme roadmapu.