Co jsou WCAG a kdo za nimi stojí
WCAG vydává konsorcium W3C (World Wide Web Consortium) – tedy stejná organizace, která standardizuje samotné technologie webu. Cílem je, aby digitální obsah mohl použít každý bez ohledu na to, jakým způsobem web ovládá. Někdo používá myš, jiný jen klávesnici, další čtečku obrazovky, která text předčítá nahlas, nebo hlasové ovládání.
Pravidla se postupně vyvíjejí. Nejrozšířenější verzí je dnes WCAG 2.1, na kterou navazuje novější WCAG 2.2. Evropská legislativa i česká norma se opírají právě o verzi 2.1 na úrovni AA – k té se dostaneme níže. Pro praxi je důležité, že rozdíly mezi 2.1 a 2.2 jsou spíše dílčí, takže když web splní 2.1 AA, má drtivou většinu práce hotovou.
Komu přístupnost pomáhá
Když se řekne přístupnost, většina lidí si představí nevidomé uživatele. Ve skutečnosti je okruh mnohem širší. Přístupný web pomáhá slabozrakým, kteří potřebují větší text nebo vyšší kontrast; neslyšícím a nedoslýchavým, kterým pomáhají titulky; lidem s poruchami motoriky, kteří ovládají web klávesnicí nebo hlasem; i lidem s poruchami pozornosti nebo dyslexií, kteří ocení srozumitelnou strukturu a jazyk.
K tomu se přidávají situační a dočasná omezení, která zažíváme všichni. Zlomená ruka, ostré slunce na displeji, hlučné prostředí bez sluchátek, pomalé připojení nebo prostě únava na konci dne. V takových chvílích těží z přístupného webu i člověk bez jakéhokoliv trvalého hendikepu. Přístupnost proto není službou úzké menšině, ale zlepšením použitelnosti pro každého návštěvníka.
Čtyři principy přístupnosti (POUR)
Celé WCAG stojí na čtyřech pilířích. V angličtině se pro ně vžila zkratka POUR – vnímatelnost, ovladatelnost, srozumitelnost a robustnost.
1. Vnímatelnost (Perceivable)
Informace musí být uživateli k dispozici způsobem, který dokáže vnímat. Konkrétně to znamená například textové alternativy k obrázkům (atribut alt), titulky u videí, přepis audia, dostatečný barevný kontrast mezi textem a pozadím nebo možnost zvětšit text bez rozbití rozvržení. Když je informace předaná jen barvou nebo jen obrázkem, část lidí ji nezachytí.
2. Ovladatelnost (Operable)
Celý web musí jít ovládat i bez myši – tedy pouze klávesnicí. To je klíčové pro lidi s poruchami motoriky i pro uživatele čteček obrazovky. Patří sem logické pořadí prvků při procházení tabulátorem, viditelné zvýraznění právě vybraného prvku, dostatek času na vyplnění formulářů a absence blikajících prvků, které mohou vyvolat epileptický záchvat.
3. Srozumitelnost (Understandable)
Obsah i ovládání musí být pochopitelné. Web má používat srozumitelný jazyk, konzistentní navigaci, jasně označené formulářové prvky a hlavně užitečné chybové hlášky – když uživatel udělá chybu ve formuláři, musí se dozvědět, co konkrétně opravit a jak.
4. Robustnost (Robust)
Web musí spolehlivě fungovat v různých prohlížečích a s asistenčními technologiemi. To v praxi znamená čistý, sémanticky správný kód – používat správné HTML značky pro nadpisy, tlačítka, odkazy a formuláře, aby čtečka obrazovky poznala, s čím pracuje.
Úrovně shody: A, AA a AAA
WCAG rozlišují tři úrovně přísnosti. Nejde o „známky“, ale o rozsah požadavků, které web splňuje.
- Úroveň A – základní minimum. Řeší nejzásadnější bariéry, ale sama o sobě nestačí k tomu, aby byl web opravdu použitelný pro všechny.
- Úroveň AA – praktický standard, na který cílí zákony a normy. Zahrnuje například dostatečný kontrast, ovládání klávesnicí a přístupné formuláře. Právě AA je cíl, který by si měla dát většina firem.
- Úroveň AAA – nejpřísnější úroveň. Je vhodná pro specializované weby (např. veřejné instituce zaměřené na hendikepované), ale plošně ji splnit u komerčního webu je často nereálné a ani se nevyžaduje.
Když se dnes mluví o „souladu s WCAG“, myslí se tím prakticky vždy úroveň AA podle WCAG 2.1.
Konkrétní příklady požadavků
Aby to nebylo příliš abstraktní, uvádíme typické věci, které se při kontrole přístupnosti řeší:
- Každý obrázek nesoucí informaci má textovou alternativu; dekorativní obrázky ji naopak nemají mít, aby čtečka nezahltila uživatele.
- Kontrast běžného textu vůči pozadí je alespoň 4,5:1 (u velkého textu 3:1).
- Celý web včetně rozbalovacích menu a modálních oken lze projít a odbavit klávesnicí.
- Formulářová pole mají viditelné popisky svázané s polem, ne jen šedý text uvnitř pole.
- Odkazy dávají smysl i vytržené z kontextu – tedy ne „klikněte zde“, ale „stáhnout ceník“.
- Web funguje i při zvětšení na 200 % bez toho, aby se obsah ztratil nebo překrýval.
- Videa mají titulky, u čistě zvukového obsahu je k dispozici přepis.
Nejčastější bariéry na českých webech
Když se dělá reálná kontrola přístupnosti, opakují se stále stejné problémy. Nejde o exotické chyby, ale o věci, které najdete na většině webů, jež přístupnost dosud neřešily:
- Obrázky bez popisu. Fotky produktů, infografiky nebo tlačítka ve formě obrázku bez alternativního textu jsou pro čtečku obrazovky neviditelné – nevidomý uživatel se nedozví, co na nich je.
- Nízký kontrast. Světle šedý text na bílém pozadí vypadá elegantně, ale slabozraký člověk ani uživatel na slunci ho nepřečte.
- Formuláře bez popisků. Pole, kde je název jen jako šedý text uvnitř, po začátku psaní zmizí a uživatel neví, co kam patří.
- Ovládání jen myší. Rozbalovací menu, modální okna nebo kalendáře, které nejdou ovládat klávesnicí, vyřadí každého, kdo myš nepoužívá.
- Nejasné odkazy. Desítky odkazů „zde“ nebo „více“ bez kontextu jsou pro čtečku obrazovky nepoužitelné – uživatel slyší jen sérii slov „zde, zde, zde“.
- Chaotická struktura nadpisů. Když se nadpisy používají kvůli velikosti písma místo kvůli logické hierarchii, ztrácí se orientace v obsahu.
Dobrá zpráva je, že drtivá většina těchto bariér má jasné a ověřené řešení. Jakmile se jednou nastaví správné návyky a čistý kód, udržení přístupnosti už je otázkou rutiny, ne velkých zásahů.
Přístupnost jako součást kvalitního webu
Přístupnost není samostatná disciplína, kterou by šlo „přilepit“ na hotový web. Prolíná se s designem, s obsahem i s technickým řešením. Kvalitní obsahový marketing počítá se srozumitelným jazykem a strukturou. Dobrý design řeší kontrast a velikost prvků. Čistě napsaný kód zajišťuje, že web funguje se čtečkami i na různých zařízeních. Když se přístupnost zohlední už při návrhu, nestojí prakticky nic navíc – je to jen otázka toho dělat věci správně od začátku.
Proto se vyplatí vnímat WCAG ne jako otravný seznam pravidel, ale jako kontrolní rámec kvality. Web, který je přístupný, je zpravidla i rychlejší, přehlednější a lépe se udržuje. To jsou vlastnosti, ze kterých těží každý návštěvník i samotná firma.
Proč se WCAG vyplatí i mimo zákonnou povinnost
Přístupnost bývá vnímaná jako „něco navíc pro menšinu“. Realita je jiná. Podle odhadů má nějakou formu znevýhodnění zhruba každý pátý až šestý člověk – a to nepočítáme dočasná omezení (zlomená ruka, ostré slunce na displeji, hlučné prostředí bez sluchátek). Přístupný web tak neoslovuje okrajovou skupinu, ale výrazný segment všech návštěvníků.
Přidejme byznysové efekty. Sémanticky čistý kód a smysluplná struktura nadpisů pomáhají i vyhledávačům – přístupnost a SEO jdou ruku v ruce. Lepší kontrast, srozumitelné formuláře a jasné výzvy k akci současně zvyšují konverzní poměr u úplně všech uživatelů. A konečně – přístupný web posiluje značku jako firmu, která myslí na své zákazníky.
WCAG a česká legislativa
Zásadní změnou je, že WCAG 2.1 na úrovni AA se stalo v Česku zákonným požadavkem. Vychází z evropské směrnice, kterou do českého práva přenáší zákon o přístupnosti výrobků a služeb (č. 424/2023 Sb.) účinný od 28. června 2025. Ten se týká mimo jiné e-shopů, bankovnictví, dopravy nebo elektronických komunikací. Technicky se opírá právě o WCAG 2.1 AA prostřednictvím harmonizované evropské normy EN 301 549.
WCAG tedy dnes není jen doporučení pro „hodné“ firmy, ale konkrétní měřítko, podle kterého se posuzuje soulad se zákonem. Souvisí to i s širším trendem regulace digitálního prostoru – vedle přístupnosti řeší firmy třeba také kybernetickou bezpečnost podle NIS2.
Jak zjistit, jestli web WCAG splňuje
Ověření přístupnosti kombinuje dva přístupy. Automatické nástroje (například Axe, WAVE nebo Lighthouse) rychle odhalí část problémů – chybějící alternativní texty, nízký kontrast, chyby ve struktuře. Zachytí ale jen zhruba třetinu bariér. Zbytek vyžaduje manuální test: projití webu jen klávesnicí, ověření se čtečkou obrazovky a posouzení srozumitelnosti reálným člověkem.
Výsledkem takového posouzení je seznam konkrétních nedostatků seřazený podle závažnosti, který slouží jako plán oprav. U nových webů je nejlevnější zohlednit přístupnost už ve fázi návrhu – dodatečné opravy hotového webu jsou vždy dražší než správně nastavený základ.
Nejčastější dotazy
Musí WCAG splňovat každý web?
Ne každý, ale okruh povinných subjektů se výrazně rozšířil. Zákonná povinnost dopadá zejména na e-shopy, banky, dopravce a další vyjmenované služby. Výjimku mají mikropodniky a čistě B2B e-shopy. I když se vás povinnost netýká, přístupnost je stále výhodou pro SEO a konverze.
Jaký je rozdíl mezi WCAG a zákonem o přístupnosti?
WCAG je technický standard – konkrétní pravidla. Zákon o přístupnosti je právní předpis, který na WCAG odkazuje a určuje, kdo je musí splnit a jaké hrozí sankce.
Stačí na přístupnost jen plugin nebo widget?
Ne. Různé „overlay“ nástroje slibují přístupnost na jedno kliknutí, ale reálnou shodu s WCAG nezajistí a často problémy spíš zakrývají. Přístupnost je vlastnost samotného kódu a obsahu, ne doplněk nalepený navrch.
Chcete mít web v souladu s WCAG?
V AITOM stavíme weby a online aplikace s ohledem na přístupnost už od návrhu a umíme posoudit i váš stávající web. Pomůžeme vám splnit WCAG 2.1 AA, snížit právní riziko a zároveň získat rychlejší a lépe konvertující web. Podívejte se na naši tvorbu webů nebo nám rovnou napište. Domluvte si nezávaznou konzultaci →