WCAG 2.2 AA checklist pro e-shopy
Aktualizováno 12. října 2026 · Čtení na 3 min
Tento WCAG 2.2 AA checklist shrnuje kontroly, které mají pro e-shop největší význam: kontrast, alternativní texty, popisky formulářů, tlačítka, ovládání klávesnicí, fokus a velikost cílů. U každého bodu uvádíme, zda ho najde automatická kontrola, nebo zda je nutné ověření člověkem.
Legenda: A = automatika obvykle najde, Č = částečně, R = nutná ruční kontrola.
Vnímatelnost
| Kontrola | Kritérium WCAG | Automatika |
|---|---|---|
| Obrázky produktů mají alternativní text | 1.1.1 | A (chybějící), R (smysl textu) |
| Dekorativní obrázky jsou skryté pro čtečky | 1.1.1 | Č |
| Video má titulky | 1.2.2 | R |
| Nadpisy a seznamy jsou v kódu označené jako nadpisy a seznamy | 1.3.1 | Č |
| Pole formulářů mají správný účel (autocomplete u jména, adresy, e-mailu) | 1.3.5 | Č |
| Informace se nepředává jen barvou (např. chyba jen červeným rámečkem) | 1.4.1 | R |
| Kontrast textu nejméně 4,5 : 1, velkého textu 3 : 1 | 1.4.3 | A |
| Kontrast ikon a hranic polí nejméně 3 : 1 | 1.4.11 | Č |
| Web funguje při přiblížení na 200 % a na úzké obrazovce | 1.4.4, 1.4.10 | R |
Ovladatelnost
| Kontrola | Kritérium WCAG | Automatika |
|---|---|---|
| Celý nákup jde dokončit jen klávesnicí | 2.1.1 | R |
| Fokus se nezasekne v okně ani v menu | 2.1.2 | R |
| Odkaz „Přeskočit na obsah“ nebo jiný způsob přeskočení navigace | 2.4.1 | Č |
| Stránky mají výstižný titulek | 2.4.2 | Č |
| Pořadí fokusu je logické | 2.4.3 | R |
| Odkazy mají srozumitelný text („Detail produktu“, ne jen „zde“) | 2.4.4 | Č |
| Fokus je viditelný | 2.4.7 | R |
| Fokus není zakrytý lepící hlavičkou nebo cookie lištou | 2.4.11 (nové v 2.2) | R |
| Posuvník ceny nebo řazení tažením má alternativu bez tažení | 2.5.7 (nové v 2.2) | R |
| Klikací cíle mají nejméně 24 × 24 px nebo dostatečný odstup | 2.5.8 (nové v 2.2) | Č |
Srozumitelnost
| Kontrola | Kritérium WCAG | Automatika |
|---|---|---|
| Stránka má nastavený jazyk (lang="cs") | 3.1.1 | A |
| Výběr ve formuláři nečekaně nepřesměruje | 3.2.2 | R |
| Nápověda a kontakt jsou na stejném místě na všech stránkách | 3.2.6 (nové v 2.2) | R |
| Chyby ve formuláři jsou popsané textem | 3.3.1 | R |
| Pole mají viditelné popisky a pokyny | 3.3.2 | Č |
| Zákazník nemusí v pokladně znovu zadávat údaje, které už vyplnil | 3.3.7 (nové v 2.2) | R |
| Přihlášení nevyžaduje opisování ani luštění hádanek bez alternativy | 3.3.8 (nové v 2.2) | R |
Robustnost
| Kontrola | Kritérium WCAG | Automatika |
|---|---|---|
| Tlačítka, odkazy a pole mají přístupný název | 4.1.2 | A |
| Atributy ARIA jsou použité správně | 4.1.2 | A |
| Hlášky „přidáno do košíku“ jsou oznámené čtečce | 4.1.3 | Č |
Kde začít
- Pokladna a košík. Popisky polí, chybové hlášky a tlačítko objednávky. Tady chyby přímo brání nákupu.
- Detail produktu. Alternativní texty, výběr varianty (velikost, barva) a tlačítko „Do košíku“.
- Navigace a vyhledávání. Ovládání klávesnicí, viditelný fokus, mobilní menu.
- Cookie lišta a vyskakovací okna. Často zachytí fokus nebo zakryjí obsah.
Na Shoptetu, Shopify i WooCommerce část problémů pochází ze šablony a část z obsahu, který přidáváte vy. Naše karty pravidel u každé chyby uvádějí, kde ji opravit. Nejčastější chyby rozebíráme v článku nejčastější chyby přístupnosti, změny ve verzi 2.2 v článku WCAG 2.2 pro e-shopy.
Automatika a ruční kontrola
Automatická kontrola rychle a opakovaně zachytí body označené A a část bodů Č. Body R musí ověřit člověk: projít nákup klávesnicí, zkusit čtečku obrazovky (NVDA, VoiceOver) a přiblížení na 200 %. Naše služba je automatizovaná kontrola, nikoli úplný audit, a není to právní poradenství. Jak spolu souvisí WCAG a zákon, vysvětluje průvodce zákonem 424/2023 Sb., pojmy najdete ve slovníku.
Zdroje
- WCAG 2.2: W3C