Přístupnost webů a e-shopů (Zákon č. 351/2022 Sb. / EAA): Co kontrolují úřady a jak splnit WCAG 2.1 AA

Od 28. června 2025 vstoupil v plnou účinnost zákon transponující European Accessibility Act (EAA) do národní legislativy (v ČR i SR).

Zatímco v minulosti se požadavky na přístupnost týkaly zejména státní správy a samospráv, dnes jsou přístupné weby a e-shopy zákonnou povinností i pro soukromý sektor, e-commerce provozovatele, banky a poskytovatele digitálních služeb.

V tomto průvodci rozebíráme, co přesně standard WCAG 2.1 AA vyžaduje, jaká pravidla platí pro e-shopy a jak provést audit přístupnosti webu.

---

Pro koho platí nová povinnost přístupnosti?

Zákon vztahuje povinnost na všechny poskytovatele služeb elektronického obchodu (e-shopy), bankovní služby, dopravní portály, e-knihy i mobilní aplikace.

Kdo má výjimku?

Zákon definuje výjimku pro mikropodniky (firmy s méně než 10 zaměstnanci A ROČNÍM obratem do 2 milionů EUR), které poskytují služby.

Pozor: Pokud váš e-shop přesahuje hranici 10 zaměstnanců nebo 2 mil. EUR obratu, povinnost přístupnosti se vás plně týká. Navíc velké B2B firmy a veřejný sektor vyžadují přístupnost i od svých menších dodavatelů.

---

7bodový WCAG 2.1 AA checklist pro e-shopy

Technickým standardem pro přístupnost je normativ WCAG 2.1 úroveň AA. Zde jsou nejčastější kritická místa, kde e-shopy obvykle selhávají:

1. Klávesnicová navigace bez pastí

Každá funkce e-shopu – od výběru varianty produktu přes nákupní košík až po odeslání objednávky – musí být plně ovladatelná bez myši (pomocí kláves Tab, Enter, Space, Arrows a Esc).

2. Přístupný nákupní proces (Checkout)

Formuláře musí mít správné ARIA etikety (label), jasné chybové hlášky a podporu pro automatické doplňování (autocomplete).

3. Barevný kontrast a texty

Minimální kontrastní poměr textu vůči pozadí musí splňovat poměr 4.5:1 pro běžný text a 3:1 pro velký text a grafické prvky.

4. Alternativní texty pro produktové obrázky (ALT)

Čtečky obrazovky potřebují vědět, co se na obrázku nachází. Příklad: ALT="Pánská nepromokavá bunda v modré barvě, přední pohled".

5. Přístupné PDF dokumenty a faktury

Přístupnost se netýká jen HTML kódu. Generované faktury, obchodní podmínky (VOP) a návody v PDF musí být tagované (Tagged PDF) se správným pořadím čtení.

6. Dynamické prvky a skripty (React / Next.js / Vue)

Při změně obsahu (např. přidání produktu do košíku) musí čtečka obrazovky dostat notifikaci přes aria-live="polite".

7. Prohlášení o přístupnosti (Accessibility Statement)

Každý web a e-shop musí mít vyhrazenou podstránku Prohlášení o přístupnosti s mírou souladu a kontaktem pro hlášení bariér.

---

Jak začít s úpravou vašeho webu?

1. Provést audit přístupnosti: Kombinace automatizovaných testů a manuálního testování s čtečkou obrazovky (NVDA, VoiceOver).
2. Připravit opravnou roadmapu: Prioritizace kritických chyb v nákupním procesu.
3. Zaškolení týmu: Školení přístupnosti pro vývojáře a editory.

Pokud potřebujete odborné zhodnocení vašeho e-shopu nebo portálu, podívejte se na naše služby pro audit přístupnosti webu nebo nás přímo kontaktujte.