WCAG (Web Content Accessibility Guidelines) je mezinárodní standard popisující, jak dělat weby přístupné pro lidi se zdravotním postižením. Vytváří ho W3C - organizace, která standardizuje web. Aktuální platná verze je WCAG 2.2 z října 2023.
Čtyři principy přístupného webu
WCAG stojí na čtyřech principech, zkráceně POUR:
- Vnímatelný (Perceivable) - veškerý obsah musí být dostupný smyslům. Člověk, který nevidí, musí dostat informaci jinak - přes popis obrázku, titulky videa, dostatečný kontrast textu.
- Ovladatelný (Operable) - celý web musí jít ovládat bez myši, jen klávesnicí nebo hlasem. Žádné prvky, které blikají více než třikrát za sekundu.
- Srozumitelný (Understandable) - obsah i ovládání musí dávat smysl. Formuláře musí jasně říct, co je špatně. Navigace musí být konzistentní.
- Robustní (Robust) - web musí fungovat v různých prohlížečích a asistivních technologiích, jako jsou screen readery nebo Braillovy řádky.
Tři úrovně shody
Pravidla WCAG jsou rozdělena do tří úrovní:
- Úroveň A - minimum. Nesplnění znamená, že web je pro část uživatelů prakticky nepoužitelný.
- Úroveň AA - zlatý standard, který vyžaduje zákon. Sem patří dostatečný kontrast barev, viditelné zvýraznění aktivního prvku nebo přístupné formuláře.
- Úroveň AAA - nejvyšší, žádný zákon ji nevyžaduje. Jde o aspirační cíl - typicky pro weby zdravotnických nebo veřejných služeb.
Co konkrétně přístupnost řeší
Přístupný web znamená v praxi řadu konkrétních věcí:
- Alt texty - každý obsahový obrázek musí mít textový popis. Screen reader ho přečte místo obrázku.
- Kontrast barev - text na pozadí musí mít poměr kontrastu alespoň 4,5:1. Zjednodušeně: světle šedý text na bílém pozadí nevyhoví, tmavě šedý na bílém ano. Online nástroje kontrast změří za sekundu.
- Navigace klávesnicí - celý web musí jít projít klávesou Tab. Formuláře, tlačítka i menu musí být dosažitelné bez myši.
- Titulky videí - videa musí mít titulky pro neslyšící uživatele.
- Struktura nadpisů - stránka musí mít logickou hierarchii H1, H2, H3. Screen readery skáčou po nadpisech jako po obsahu dokumentu.
- Přístupné formuláře - každé pole musí mít popisek. Chybové hlášky musí jasně říct, co a jak opravit.
- Focus indikátor - při navigaci klávesnicí musí být vidět, kde se uživatel nachází. Mnohé weby ho odstraňují kvůli estetice - to je chyba.
Jak přístupnost otestovat
Automatické nástroje zachytí část problémů - typicky méně než polovinu. Nejpoužívanější jsou WAVE (rozšíření do prohlížeče), axe DevTools a Lighthouse vestavěný přímo v Chrome. Zbytek odhalí jen ruční testování - projití webu klávesnicí, kontrola kontrastů, testování se screen readerem.
Kdy je přístupnost ze zákona povinná
Přístupnost webu není jen dobrý zvyk - pro řadu subjektů jde o zákonnou povinnost.
Veřejný sektor - státní úřady, obce, školy a veřejné nemocnice musí splňovat WCAG 2.1 AA podle zákona č. 99/2019 Sb. Platí pro weby i mobilní aplikace, dozor zajišťuje Digitální a informační agentura (DIA).
E-shopy a soukromé firmy - od 28. června 2025 platí zákon č. 424/2023 Sb., který implementuje evropskou směrnici EAA. Povinnost se týká e-shopů, finančních služeb, dopravních rezervačních systémů a dalších. Výjimku mají pouze mikropodniky - firmy s méně než 10 zaměstnanci a s obratem pod 2 mil. EUR. Sankce může dosáhnout až 10 milionů Kč, dozor vykonává Česká obchodní inspekce.
Přechodné období pro stávající řešení běží do 28. června 2030.
Audit a úpravy na míru
U webů, které pro klienty tvořím, přístupnost řeším jako součást vývoje. Pokud máte existující web a potřebujete vědět, kde stojíte - mohu provést audit, identifikovat konkrétní problémy a navrhnout nebo přímo zpracovat změny tak, aby web odpovídal WCAG AA.
Pokud nevíte, kde váš web stojí, napište mi - úvodní konzultace je zdarma. Napište mi.
Pavel Szabo
Programátor webů, eshopů a informačních systémů s více než 23 lety praxe. Pomáhám firmám i jednotlivcům s online podnikáním, automatizacemi a využitím AI v praxi.
