Kontrola přístupnosti webu: automatická vs. ruční
· Čtení na 4 min
Automatické kontroly rychle a spolehlivě najdou technické chyby, jako jsou chybějící alternativní texty, nedostatečný kontrast nebo pole formulářů bez popisků. Zda se ale web dá skutečně ovládat klávesnicí a čtečkou obrazovky, mohou posoudit jen lidé. Nejlepší strategií je kombinace: automaticky pravidelně a plošně, ručně cíleně pro nejdůležitější scénáře.
Jak fungují automatické kontroly
Automatický test načte stránku v prohlížeči a aplikuje na kód pravidla. Rozšířenou otevřenou knihovnou pro testování je axe-core; ve verzi 4.11 obsahuje přes 100 pravidel, zhruba dvě třetiny z nich se vztahují ke kritériím WCAG úrovní A a AA. Typická pravidla:
- Má každý obrázek atribut
alt? - Má každé pole formuláře přiřazený popisek?
- Má text dostatečný kontrast vůči pozadí?
- Má každé tlačítko přístupný název?
- Je uveden jazyk stránky?
- Jsou atributy ARIA platné?
Taková pravidla lze ověřit jednoznačně: atribut tam je, nebo není, kontrast je nad 4,5:1, nebo pod.
Co automatické kontroly umějí dobře
- Šíře. Stovky stránek za krátkou dobu, bez únavy.
- Opakovatelnost. Stejná kontrola každý týden se srovnatelnými výsledky.
- Včasné odhalení. Nové chyby po aktualizaci jsou vidět okamžitě.
- Náklady. Na stránku výrazně levnější než jakákoli ruční kontrola.
- Doklad. Historie ukazuje, že na přístupnosti soustavně pracujete.
Kde automatické kontroly narážejí na hranice
Automatické testy zachytí jen část možných bariér; jak velkou, hodnotí studie různě (test GOV.UK, studie Deque). Typické mezery:
| Otázka | Proč na ni automatika neodpoví |
|---|---|
| Popisuje alternativní text obrázek smysluplně? | „IMG_4711.jpg“ je formálně alternativní text – ale k ničemu. |
| Je pořadí při procházení klávesou Tab logické? | Automatika vidí kód, ne cestu stránkou. |
| Je fokus v průběhu scénáře vždy viditelný? | Záleží na stavech, animacích, překryvných vrstvách. |
| Lze nákup v pokladně dokončit jen klávesnicí? | Vyžaduje skutečnou interakci v několika krocích. |
| Jsou chybové hlášky srozumitelné? | Otázka jazyka, ne syntaxe. |
| Oznámí čtečka obrazovky „Přidáno do košíku“? | Vyžaduje test s asistenční technologií. |
| Nezakrývá cookie lišta tlačítko s fokusem? | Záleží na rozvržení a velikosti obrazovky. |
K tomu přistupují plané poplachy v hraničních případech, například u textu přes obrázky nebo přechody, kde se kontrast těžko počítá.
Proto platí: automatická kontrola není úplný audit. Kdo slibuje něco jiného, slibuje příliš.
Jak vypadá ruční kontrola
Ruční kontrola postupuje podle kritérií úspěšnosti WCAG a testuje se skutečnými asistenčními technologiemi:
- Klávesnice: ovládat stránku jen klávesami Tab, Shift+Tab, Enter, mezerníkem, šipkami a Escape.
- Fokus: je vždy poznat, kde se nacházíte? Nezakrývají fokus přichycené hlavičky nebo lišty?
- Zvětšení a přeskládání: zvětšení na 200 %, úzká obrazovka, žádné vodorovné posouvání.
- Čtečka obrazovky: projít hlavní scénář s NVDA ve Windows nebo s VoiceOverem na Macu a iPhonu.
- Obsah: obsahově posoudit alternativní texty, texty odkazů, nadpisy a chybové hlášky.
- Multimédia: titulky, audiopopis, ovládání videí a posuvníků.
Jako metoda strukturované kontroly se hodí hodnoticí metodika WCAG-EM od W3C. Úplný audit přiřadí všechna zjištění ke kritériím úspěšnosti a podle rozsahu trvá dny, ne minuty.
Příklad z každodenního provozu e-shopu
Vezměme pole „Slevový kód“ v pokladně. Automatická kontrola hlásí: vstupní pole nemá přiřazený popisek, jen zástupný text. To je jasná, technicky zjistitelná chyba – rychle nalezená, rychle opravená. Zda ale chybovou hlášku „Neplatný kód“ po odeslání oznámí i čtečka obrazovky a zda pak fokus skončí na rozumném místě, ukáže až ruční test. Obě kontroly se doplňují: automatika najde chybu na všech stránkách, člověk prověří scénář.
Srovnání na první pohled
| Automaticky | Ručně | |
|---|---|---|
| Rychlost | minuty pro mnoho stránek | hodiny až dny |
| Pokrytí kritérií | část kritérií | všechna kritéria |
| Opakování | libovolně často, např. každý týden | jednorázově |
| Hodnotí kvalitu obsahu | ne | ano |
| Testuje skutečné scénáře | omezeně | ano |
| Náklady na stránku | nízké | vyšší |
Rozumná kombinace pro e-shopy
- Automaticky a pravidelně. Každý týden kontrolujte všechny důležité typy stránek. Technicky zjistitelné chyby tak zůstanou pod kontrolou a nové budou vidět okamžitě.
- Ručně pro klíčové scénáře. Vyhledávání, výběr produktu, košík, pokladna, registrace – po každé větší aktualizaci a nejméně jednou ročně.
- Ručně u nových komponent. Nový filtr, nový plugin pokladny nebo nová cookie lišta si před spuštěním zaslouží krátký test klávesnicí a čtečkou obrazovky.
- Zapojte zpětnou vazbu. Upozornění zákazníků na bariéry mají větší cenu než jakékoli pravidlo.
Seznam kritérií s poznámkou, co lze zjistit automaticky a co ne, najdete v našem checklistu WCAG 2.2.
Proč overlaye nejsou třetí možností
Někdy se nabízí widget jako „automatické řešení“. Overlay ale nic nekontroluje ani neopravuje v kódu; jen přes web položí další vrstvu. Americká Federální obchodní komise (FTC) v roce 2025 vymohla po známém poskytovateli platbu jednoho milionu amerických dolarů a zákaz některých reklamních tvrzení. Více v článku Overlaye nejsou řešení.
Co to znamená pro vaše povinnosti
Pro e-shopy, na které se vztahuje německý zákon BFSG, platí: požadavky se týkají skutečné přístupnosti, ne konkrétní metody kontroly. Pravidelná automatická kontrola je dobrý, doložitelný stavební kámen. Pro prohlášení o přístupnosti podle § 14 BFSG navíc potřebujete popis své služby – ten žádný skener nedodá. Rámec vysvětluje průvodce BFSG.
Jak kontrolujeme my
Kontrolujeme automaticky podle WCAG 2.2 AA pomocí axe-core ve skutečném prohlížeči, každý výsledek vysvětlíme kartou pravidla a ukazujeme vývoj týden po týdnu. V každém reportu stojí: automatická kontrola, ne úplný audit, ne právní poradenství. Jak to probíhá podrobně, si přečtěte na stránce Jak to funguje. Vyzkoušejte to na jedné stránce svého e-shopu.