WCAG a přístupnost webu: kdo to musí řešit a co udělat i když „nemusíte“

Poslední dobou někdo řekne, že web musí být „přístupný“, hodí tři zkratky a zmizí. Zůstane z toho hlavně pocit, že zase hrozí pokuta, a nejasno, jestli se vás to vůbec týká.

Rovnou k věci: ne každý firemní web v Česku musí ze zákona splňovat plnou přístupnost. Nejdřív ale, co to vůbec znamená - a až potom, koho to reálně zavazuje.

Tohle není právní rada. Je to náš pohled a výklad z praxe. Když potřebujete jistotu pro konkrétní produkt nebo službu, obraťte se na právníka, který tohle dělá denně.

Co je to vlastně přístupnost webu

Přístupný web je takový, který můžou použít i lidé, kteří nevidí dobře, neslyší, neovládají myš, používají klávesnici, zvětšují písmo, nebo čtou stránku přes čtečku obrazovky.

Nejde o „speciální verzi webu pro hendikepované“. Jde o to, aby běžný web fungoval i mimo ideální podmínky: špatný kontrast, malý telefon, pomalé připojení, unavené oči, dočasné zranění ruky. Stejné principy často pomáhají i SEO a konverzím, protože tlačí na srozumitelnou strukturu, labely u formulářů a ovladatelnost.

Když se v oboru řekne „dělat přístupnost“, obvykle se tím myslí držet se pravidel WCAG (Web Content Accessibility Guidelines) - mezinárodní sady doporučení pro digitální obsah. Nejčastější cíl je úroveň AA.

Zkratky, ať je jasné, o čem je řeč

• WCAG - technická pravidla přístupnosti. Aktuálně se nejčastěji bavíme o WCAG 2.2. Úrovně A / AA / AAA; v praxi je cíl skoro vždy AA.
• EN 301 549 - evropská norma, která WCAG prakticky bere jako měřítko „je to dost přístupné?“.
• Směrnice pro veřejný sektor - úřady, školy, nemocnice a podobně. Tam je přístupnost webů a mobilních aplikací povinnost už delší dobu.
• EAA (European Accessibility Act, evropský akt o přístupnosti) - od 28. 6. 2025 dopadá na vybrané spotřebitelské produkty a služby v soukromém sektoru. Ne na „každý firemní web“.

Když někdo řekne „musíte WCAG“, většinou myslí: musíte splnit přístupnost na úrovni blízké WCAG AA, protože to chce zákon, výběrové řízení, nebo zdravý rozum.

Koho se to reálně týká

Veřejný sektor

Tady je to nejjednodušší. Weby a mobilní aplikace veřejné správy mají povinnost přístupnosti. Když děláte web pro město, fakultu, příspěvkovou organizaci nebo státní instituci, přístupnost není volitelný bonus. Je to součást zadání.

Soukromý sektor přes EAA - ale jen vybrané služby

EAA neříká „máte web = musíte AA“. Říká zhruba: některé služby určené spotřebitelům musí být přístupné. Typicky:

• online prodej spotřebitelům (spotřebitel může na dálku uzavřít smlouvu - e-shop, rezervace, samoobslužné předplatné)
• bankovní a platební služby
• elektronické komunikace
• audiovizuální služby
• dopravní služby (jízdenky, odbavení a podobně)
• e-knihy a související čtecí prostředí

Praktický test u online prodeje je jednoduchý: může fyzická osoba (spotřebitel) na dálku online uzavřít smlouvu? Když ano, tenhle tok je skoro jistě v rozsahu povinnosti. Když ne a smlouva vzniká e-mailem, telefonem nebo jen mezi firmami, často jste mimo tuhle konkrétní větev.

Výjimka pro velmi malé firmy

U služeb má EAA výjimku pro velmi malé firmy (zjednodušeně pod 10 lidí a do 2 mil. € obratu nebo bilance). U produktů to takhle neatypicky nefunguje. I malá firma ale může mít přístupnost ve smlouvě od většího zákazníka.

Koho se to typicky netýká

Prezentační web agentury, výrobce se specifikacemi, nebo software, který se prodává přes obchodníky a nejde si ho samoobslužně koupit jako spotřebitel - tohle obvykle není automaticky online prodej podle EAA. Samotný fakt, že existuje úvodní stránka a kontaktní formulář, z vás ještě nedělá „povinný WCAG web“ podle EAA.

Pořád můžete spadnout do jiné povinnosti: veřejný sektor, podmínky ve výběrovém řízení, nebo požadavek většího zákazníka. Šedá zóna taky existuje (stránky kariéry, obsah pro investory, produkty na pomezí B2B a B2C) - tady se názory agentur a právníků rozcházejí. Proto znovu: výklad, ne verdikt soudu.

Proč to řešit, i když „nemusíte“

I když typicky nejste v povinnosti: nevyplatí se přístupnost úplně odložit. Povinnost není jediný důvod, proč web nemá být nepřístupný chaos.

1. Výběrová řízení a velcí zákazníci. Veřejný sektor i větší firmy do zadání často napíšou WCAG AA / EN 301 549. Když to neumíte ukázat, vypadáváte dřív, než se bavíte o ceně.
2. SEO a srozumitelná struktura jdou ruku v ruce. Jedno H1, logické nadpisy, smysluplné odkazy, popisky obrázků, obsah čitelný i bez těžkého JavaScriptu - to není „jen přístupnost“, to je základní hygiena webu.
3. Klávesnice a formuláře = konverze. Když zmizí viditelný focus, chybová hláška nemá vazbu na pole a tlačítko je jen klikací rámeček, ztrácíte lidi. Nejen se čtečkou obrazovky. I ty, co skáčou tabulátorem po formuláři.
4. Kontrast a čitelnost. Světle šedý text na bílém vypadá v návrhu „lehce a draze“. V praxi ho část lidí prostě nevidí. WCAG AA bere u běžného textu kontrast 4,5:1 jako minimum z důvodu.
5. Děláte weby pro zákazníky. Když jim prodáváte „moderní web“ a sami neřešíte focus, labely a animace, je to divný signál. Nemusíte mít certifikát. Měli byste mít standard.
6. Levnější dřív než pozdě. Doplnit popisek tlačítka a správný prvek dnes je levné. Předělávat celý designový systém před auditem za půl roku je drahé a otravné.

Neříkáme, že každý prezentační web má zítra procházet nejpřísnější audit úrovně AAA. Říkáme: neignorujte základy jen proto, že vás EAA zrovna nezavazuje.

Prakticky: co na webu udělat

Tohle je rozumné minimum pro většinu firemních a produktových webů. Když spadáte pod povinnost (veřejný sektor / služba podle EAA), berte to jako základ před seriózním auditem.

1) Struktura a sémantika

• Jedno h1 na stránku, pak logické h2/h3.
• Landmarky: header, nav, main, footer.
• Odkazy s textem, který dává smysl i mimo kontext (ne samé „zde“ / „více“).
• Seznamy jako seznamy, nadpisy jako nadpisy - ne jen velký tučný text v div.

2) Klávesnice a focus

• Celý klíčový postup (menu, formulář, dialog, hlavní tlačítko) projděte jen klávesnicí.
• Focus musí být vidět. Když ho schováte kvůli „čistému designu“, střílíte si do nohy.
• Dialogy: focus zůstane uvnitř, Escape zavře, po zavření focus zpět na spouštěč.
• Odkaz „přeskočit na obsah“ na začátku stránky je levná a užitečná úprava.

3) Formuláře

• Každé pole má viditelný label (ne jen placeholder).
• Chyby jsou u pole, ideálně i s vazbou přes aria-describedby / role="alert".
• Povinná pole označte jasně. Nespoléhejte jen na barvu.
• Tlačítka jsou button nebo odkaz s jasnou rolí - ne klikací div.

4) Kontrast, typografie, pohyb

• Běžný text: kontrast aspoň 4,5:1 (AA). Velký text má mírnější práh, ale nezneužívejte to.
• Ikony bez textu potřebují aria-label (nebo viditelný text).
• Respektujte prefers-reduced-motion. Animace ano, ale ne povinná horská dráha.
• Video: titulky. Automatické přehrávání se zvukem je skoro vždy špatný nápad.

5) Obrázky a média

• Informační obrázky mají smysluplný alt.
• Dekorace mají prázdný alt (alt="") nebo aria-hidden, ať čtečka nečte balast.
• Nespoléhejte na text v obrázku jako jediný nosič informace.

6) ARIA s rozumem

• Nejdřív správné HTML. Až pak ARIA.
• Špatná ARIA je horší než žádná.
• Kde dává smysl: aria-expanded u menu, aria-live u dynamických výsledků, aria-pressed u přepínačů.

7) Rychlá kontrola, kterou zvládnete sami

1. Projděte úvodní stránku, kontakt / poptávku a jednu klíčovou podstránku jen klávesnicí.
2. Spusťte v Chrome Lighthouse (kategorie Accessibility) a opravte critical + serious. Volitelně pomůže i rozšíření axe DevTools - prohlížečový nástroj, který ukáže konkrétní přístupnostní chyby ve stránce.
3. Zkontrolujte kontrast hlavních textů (nástroj v DevTools nebo Contrast Checker).
4. Na chvíli vypněte CSS: dává obsah pořád smysl?
5. Když spadáte pod povinnost: nechte udělat audit (nejen „zelený Lighthouse“) a zveřejněte prohlášení o přístupnosti.

Co záměrně neřešit jako první

• Úroveň AAA na celý marketingový web. To je drahé a často zbytečné.
• Dokonalé skóre v jednom automatickém nástroji. Automat najde část problémů, ne všechny.
• Přepsat celou značku kvůli jedné barvě s nízkým kontrastem, když stačí upravit designové tokeny.

Priorita: klávesnice, formuláře, kontrast, sémantika, labely. Tohle má největší poměr užitek / cena.

Jak to bereme u nás

U veřejného sektoru a služeb v rozsahu EAA bereme přístupnost jako součást dodávky, ne jako „až zbude čas“. U běžných B2B webů tlačíme základní úroveň výš: sémantika, focus, formuláře, alt, kontrast. Ne proto, že bychom hráli na strach z pokuty. Protože nepřístupný web je prostě horší produkt.

Když si nejste jistí, jestli váš konkrétní produkt padá do EAA, seřaďte si nejdřív fakta: co prodáváte, komu (spotřebitel vs. firma) a jestli jde online uzavřít smlouvu. Pak to projděte s někým, kdo umí právo i digitál.

A jestli chcete praktický průchod vaším webem (ne prezentaci o WCAG), ozvěte se. Rádi řekneme, co je nutná oprava a co je kosmetika.