Zákon 424/2023 Sb. · WCAG 2.2 AA · EN 301 549
Kontrolní seznam WCAG 2.2 pro weby a e-shopy
Zákon č. 424/2023 Sb. a European Accessibility Act odkazují na harmonizovanou normu EN 301 549, která vychází z WCAG. Tento seznam shrnuje, na čem u e-shopů a digitálních služeb záleží nejvíc — a co EAA Watch kontroluje automaticky.
Obrázky a média
- Každý informativní obrázek má smysluplný alternativní text; dekorativní obrázky mají prázdné alt.
- Ikony a SVG grafika s významem mají textovou alternativu.
- Videa mají titulky; čistě zvukový obsah má přepis.
- Zvuk se nespouští sám, nebo ho lze zastavit.
Text a barvy
- Text má kontrast alespoň 4,5:1 (velký text 3:1).
- Tlačítka, okraje formulářových polí a důležité ikony mají kontrast alespoň 3:1.
- Informace se nepředávají jen barvou (povinná pole, akční ceny, chyby).
- Stránku lze zvětšit na 200 % bez ztráty obsahu; zvětšování není zakázané.
Struktura
- Každá stránka má jazyk (lang) a jedinečný, popisný titulek.
- Nadpisy tvoří logickou osnovu (jeden h1, bez přeskakování úrovní).
- Seznamy, tabulky a oblasti stránky mají správný HTML kód.
Klávesnice a fokus
- Každá funkce jde ovládat jen klávesnicí: menu, filtry, košík, objednávka.
- Fokus klávesnice je vždy dobře viditelný.
- V oknech, chatech a cookie lištách nejsou pasti pro klávesnici.
- Odkaz „přejít na obsah“ nebo orientační body umožní přeskočit opakované bloky.
- Prvek s fokusem nezakrývá pevná hlavička ani lišta.
Formuláře a objednávka
- Každé pole má viditelný popisek (placeholder nestačí).
- Chybová hlášení říkají, co je špatně a jak to opravit.
- Pole jméno, adresa a e-mail používají autocomplete.
- Přihlášení a objednávka nevyžadují hádanky ani testy paměti bez alternativy.
- Již zadané údaje není nutné vyplňovat znovu.
Odkazy a tlačítka
- Odkazy a tlačítka mají srozumitelné názvy, včetně tlačítek s ikonou.
- Klikací plochy mají alespoň 24 × 24 CSS pixelů nebo dostatečné rozestupy.
- Akce přetažením mají alternativu jedním kliknutím.
Dynamický obsah
- Stavová hlášení („přidáno do košíku“, chyby) se ohlásí čtečkám obrazovky.
- Karusely a animace lze zastavit; nic nebliká víc než třikrát za sekundu.
- Časové limity lze prodloužit nebo vypnout.
Tento seznam je praktická pomůcka, ne právní poradenství. Automatické nástroje spolehlivě najdou jen část problémů — používejte ho spolu s ruční kontrolou a případně odbornou pomocí.
Zkontrolujte zdarma, co lze zkontrolovat automaticky
EAA Watch otestuje stránku podle WCAG 2.2 AA během pár sekund a každý nález srozumitelně vysvětlí.