WCAG checker: test přístupnosti stránky podle WCAG 2.2 AA

WCAG checker otevře webovou stránku a otestuje její kód podle Web Content Accessibility Guidelines (WCAG). Výše zadejte adresu jedné stránky: načteme ji ve skutečném prohlížeči, spustíme automatické testy WCAG 2.2 na úrovních A a AA a ukážeme každý nalezený problém s kritériem úspěšnosti, ke kterému patří, a s postupem opravy. Je to zdarma, bez registrace a trvá to zhruba minutu. Jde o automatizovanou kontrolu, nikoli úplný audit, a nejde o právní poradenství.

Co uvidíte ve výsledku

Výsledek vypíše problémy nalezené na stránce, od nejzávažnějších. U každého problému najdete:

• srozumitelné vysvětlení, co znamená pro vaše návštěvníky;
• dotčený prvek na stránce (selektor, kód a tam, kde to jde, i snímek obrazovky);
• postup opravy s tipy pro Shopify, WooCommerce, PrestaShop a Shoptet;
• odkaz na kartu pravidla s kritériem úspěšnosti WCAG a článkem normy EN 301 549.

Výsledek se zobrazí v jazyce této stránky, takže ho můžete rovnou přeposlat majiteli e-shopu nebo klientovi, který nečte anglicky.

Co WCAG checker testuje

Checker spouští axe-core, open-source sadu pravidel od společnosti Deque Systems, na které staví většina nástrojů pro přístupnost, a každý nález propojí s kartou v naší knihovně pravidel. Typické nálezy jsou obrázky bez alternativního textu (1.1.1), text s nedostatečným kontrastem (1.4.3), odkazy a tlačítka bez přístupného názvu (2.4.4 a 4.1.2), formulářová pole bez popisku, chybějící jazyk stránky (3.1.1) a příliš malé dotykové cíle (2.5.8).

Tabulka ukazuje všech 55 kritérií úspěšnosti WCAG 2.2 na úrovních A a AA a u každého, která naše automatická pravidla testují jeho část. Kritérium s pravidly je automatizované jen částečně: pravidla zachytí typické chyby, ale neposoudí vše, co kritérium požaduje.

Pro 22 z 55 kritérií úspěšnosti WCAG 2.2 úrovní A a AA má naše knihovna alespoň jeden automatický test. Ostatní jsou označena „ruční kontrola“: musí je posoudit člověk.

Co žádný automatický test nenajde

Studie se rozcházejí v tom, jak velký podíl problémů s přístupností automatika najde (test GOV.UK, studie Deque), shodují se ale, že ne všechny. Stroj pozná, že obrázek má alternativní text, ale ne, zda ten text dává smysl. Vidí styl fokusu, ale nepozná, zda je pořadí fokusu logické.

Po automatické kontrole proto ručně vyzkoušejte:

1. Klávesnice: na každý odkaz, tlačítko a pole se dostanete klávesou Tab, ovládnete ho klávesou Enter nebo mezerníkem a nikde neuvíznete (2.1.1, 2.1.2, 2.4.3, 2.4.7).
2. Zvětšení a přeskládání: zvětšete stránku na 200 % a 400 %; nic by se nemělo oříznout ani vyžadovat vodorovné posouvání (1.4.4, 1.4.10).
3. Čtečka obrazovky: poslechněte si stránku v NVDA, VoiceOveru nebo TalkBacku; nadpisy, tlačítka i chybové hlášky formulářů musí dávat smysl (1.3.1, 3.3.1, 4.1.3).
4. Formuláře a pokladna: záměrně udělejte chybu; hláška má říct, co je špatně a jak to opravit (3.3.1, 3.3.3).
5. Média: videa potřebují titulky a nic by nemělo samo spouštět zvuk (1.2.2, 1.4.2).

Každý z těchto kroků pro e-shopy podrobně vysvětluje náš checklist WCAG 2.2. Praktický postup pro Shoptet a WooCommerce najdete v článku test přístupnosti e-shopu za 30 minut.

Co je nového ve WCAG 2.2

WCAG 2.2 přidala šest kritérií úspěšnosti na úrovních A a AA, mimo jiné 2.4.11 Nezakrytý fokus, 2.5.7 Tažení, 2.5.8 Velikost cíle a 3.3.8 Přístupné ověření, a zrušila kritérium 4.1.1 Syntaktická analýza. Z nových kritérií naše automatická pravidla testují jen 2.5.8 Velikost cíle; ostatní musí posoudit člověk. Podrobnosti najdete v článku EN 301 549 V4.1.1 a WCAG 2.2.

Čím se liší od WAVE, Lighthouse a axe DevTools

Všechno jsou to dobré nástroje a Lighthouse i axe DevTools používají stejný engine axe-core. Rozdíl je v tom, co následuje po testu:

• výsledek vysvětluje každý problém majiteli firmy, nejen vývojáři;
• je k dispozici v sedmi jazycích, včetně češtiny;
• každé pravidlo je přiřazeno k normě EN 301 549, evropské normě, o kterou se opírají zákony o přístupnosti;
• s tarifem běží stejné testy na všech stránkách webu každý týden a vidíte, co se změnilo.

Pro kontrolu přímo v prohlížeči, za přihlášením nebo na testovacím webu použijte naše rozšíření prohlížeče (Chrome, Edge, Firefox). Pro WordPress a WooCommerce je k dispozici plugin pro WordPress, který ukáže problémy u každé stránky a produktu. Pokud vás zajímají jen barvy, stačí kontrola kontrastu barev.

WCAG, EN 301 549 a zákon

WCAG sama o sobě není zákon, ale zákony se na ni odkazují. V Evropské unii se evropský akt o přístupnosti opírá o harmonizovanou normu EN 301 549, jejíž kapitola o webu přebírá kritéria úspěšnosti WCAG na úrovni AA. Akt provádějí národní zákony: v Česku zákon č. 424/2023 Sb., v Německu BFSG, v Polsku zákon o přístupnosti výrobků a služeb a v Rumunsku zákon č. 232/2022. V USA je obvyklým měřítkem podle ADA WCAG 2.1 nebo 2.2 na úrovni AA.

Zákon č. 424/2023 Sb. je účinný od 28. června 2025. U služeb elektronického obchodu dozoruje jeho dodržování Česká obchodní inspekce (ČOI), která přístupnost zahrnula do svých kontrol internetových obchodů. Co ČOI zatím zjistila, shrnuje článek o kontrolách ČOI.

Zákon se vztahuje jen na služby pro spotřebitele (B2C) ve vybraných sektorech a netýká se mikropodniků. Než začnete řešit právní stránku, ověřte si, zda se na vás vztahuje; celý postup pro e-shopy popisuje kontrola e-shopu podle EAA. Výsledek checkeru není prohlášení o shodě, ale je užitečným podkladem pro část „známá omezení“ ve vašich informacích o přístupnosti. Pokud potřebujete posouzení, které jde dál než automatika, přečtěte si, co obsahuje audit přístupnosti.

Kontrolujte všechny stránky, každý týden

Jedna stránka je jen vzorek. Problémy se obvykle opakují v šablonách – detail produktu, košík, pokladna – a vracejí se po aktualizacích šablony. S tarifem Pandus každý týden zkontroluje všechny stránky vašeho webu, pošle vám srozumitelný report a upozorní vás, když se objeví nové problémy. Agentury dostávají reporty pod vlastní značkou.

Časté otázky

Co je WCAG checker?

Nástroj, který otevře webovou stránku a otestuje její kód podle kritérií úspěšnosti WCAG. Najde problémy, které stroj spolehlivě rozpozná, například chybějící alternativní text, nízký kontrast nebo tlačítka bez názvu.

Je WCAG checker zdarma? Potřebuji účet?

Ano, je zdarma a účet nepotřebujete. E-mail je nepovinný. Aby se služba nedala zneužít, je počet kontrol za hodinu omezený a výsledek pro stejnou adresu uchováváme 24 hodin. Kontrolujte jen weby, ke kterým máte oprávnění.

Testuje podle WCAG 2.2, nebo WCAG 2.1?

Podle WCAG 2.2 na úrovních A a AA. WCAG 2.2 obsahuje všechna kritéria verze 2.1 kromě zrušeného 4.1.1 Syntaktická analýza.

Může automatický test potvrdit, že stránka splňuje WCAG?

Ne. Čistý výsledek neznamená, že stránka WCAG splňuje, a výsledek s chybami neznamená, že porušujete zákon. Ruční test klávesnicí a čtečkou obrazovky je stále potřeba.

Platí zákon 424/2023 Sb. pro můj e-shop?

Pouze pokud prodáváte spotřebitelům (B2C) a nejste mikropodnik. Zákon se vztahuje na služby elektronického obchodu a další vybrané služby, na služby poskytované mikropodniky ne. Mikropodnik má méně než 10 zaměstnanců a zároveň roční obrat nebo bilanční sumu nejvýše 2 mil. EUR. Postup ověření najdete v článku na koho se zákon vztahuje.

Je to oficiální validátor W3C?

Ne. W3C žádný oficiální validátor WCAG neprovozuje. Náš checker stojí na axe-core a na našich vlastních kartách pravidel. Pokud provozujete e-shop a čísla kritérií vás zajímají méně než vaši zákazníci, začněte bezplatnou kontrolou přístupnosti webu: je to stejný test, vysvětlený pro majitele e-shopů.