Přístupnost v roce 2025 a EAA: Co musí váš e-shop splňovat

Od 28. června 2025 už přístupnost webu nebude pouhým doporučením. S platností European Accessibility Act (EAA) se z ní stane povinný standard pro e-shopy napříč celou Evropskou unií, Českou republiku nevyjímaje. Jste na tuto změnu připraveni?

EAA zavádí jednotná pravidla přístupnosti digitálních služeb v celé EU. Každý e-shop bude muset splňovat mezinárodně uznávané standardy WCAG 2.1 na úrovni AA, což může znamenat jak strukturální, tak funkční úpravy vašich webových stránek. Nedodržení těchto požadavků pak může vést k citelným pokutám.

Podívejme se, jaký dopad bude mít EAA na váš e-shop, které konkrétní požadavky musíte zavést a jak se na celou situaci včas připravit. Dále zjistíte, že přístupný web není přínosem pouze pro uživatele s handicapem, ale výrazně zlepšuje uživatelský zážitek pro všechny návštěvníky. A to se dokáže pozitivně promítnout i do vašeho konverzního poměru.

Co je EAA a bude se týkat i vás?

European Accessibility Act přináší zásadní změnu v digitální přístupnosti. A teď to hlavní, kdo bude muset nová pravidla dodržovat?

Základní informace o European Accessibility Act

EAA označuje směrnici Evropské unie (2019/882), která sjednocuje pravidla přístupnosti digitálních produktů a služeb ve všech členských státech. Jejím cílem je odstranit překážky pro osoby se zdravotním postižením, kterých žije podle dat Světové zdravotnické organizace přibližně 16 % světové populace.

Dosavadní předpisy řešily hlavně veřejný sektor, ale EAA výrazně rozšiřuje záběr i na komerční sféru, především elektronické obchodování. Směrnice pokrývá řadu digitálních služeb:

• e-shopy a online tržiště
• bankovní služby pro spotřebitele
• e-knihy a specializovaný software
• terminály, jako jsou bankomaty a prodejní automaty

Datum účinnosti a právní rámec

Evropská unie přijala European Accessibility Act (EAA) již v roce 2019. Pro Českou republiku je klíčový zákon č. 424/2023 Sb., který EAA zavádí do naší legislativy. Zásadním datem, které si musíte poznamenat, je 28. červen 2025. Od tohoto dne musí nové digitální produkty a nově poskytované služby, včetně většiny e-shopů, splňovat požadavky na přístupnost. V praxi to znamená především sladění s mezinárodně uznávanými standardy WCAG 2.1 na úrovni AA.

Možná jste zaslechli o prodloužené lhůtě do 28. června 2030. Ta se však netýká všech existujících webů paušálně, ale vztahuje se na specifické situace. Pokud například váš e-shop jako služba využívá starší "produkt" (třeba konkrétní e-shopovou platformu), který byl na trhu legálně před červnem 2025, můžete jej pro poskytování své služby používat až do tohoto pozdějšího data. Podobně mohou do roku 2030 dobíhat i některé dlouhodobé smlouvy uzavřené před účinností zákona. Pro většinu aktivně provozovaných a aktualizovaných e-shopů to ale neznamená odklad povinností – ty by měly směřovat k přístupnosti co nejdříve právě s ohledem na rok 2025.

Zákon pamatuje i na úplné výjimky pro starší obsah. Pokud máte na webu mediální soubory (videa, audio) nebo kancelářské dokumenty zveřejněné před 28. červnem 2025, nemusíte jejich přístupnost zpětně řešit. Velmi důležitou úlevou je také to, že pokud provozujete webové stránky nebo mobilní aplikaci, jejichž obsah po 28. červnu 2025 nebude vůbec aktualizován ani jinak upravován, jsou tyto "archivní" stránky z nových povinností zcela vyjmuty. Pro e-shopy, které žijí neustálou aktualizací produktů a obsahu, to však praktickou úlevu obvykle nepřináší.

Kterých e-shopů se budou změny týkat?

Zákon o přístupnosti se vztahuje na všechny e-shopy a online služby, které umožňují nákup nebo objednání zboží a služeb. Platí pro každou firmu, která obsluhuje zákazníky v EU, bez ohledu na to, kde sídlí.

Výjimku tvoří mikropodniky. To znamená firmy, které mají méně než 10 zaměstnanců a roční obrat nepřesahuje 2 miliony EUR, což je zhruba 50 milionů korun. Pokud do této kategorie spadáte, pravidla EAA pro vás neplatí.

Zákon se dále nevztahuje na:

• prezentační weby bez možnosti nákupu
• soukromé weby a blogy bez obchodní činnosti
• interní systémy firem přístupné pouze zaměstnancům
• mapy a navigace, pokud jsou základní navigační údaje dostupné jinou přístupnou formou
• obsah, který provozovatel webu nevytváří, nefinancuje a nemůže ovlivnit

Koho se zákon týká nejčastěji:

• e-shopy a online tržiště
• cestovní kanceláře s možností rezervace přes internet
• hotely a ubytovací služby nabízené online
• bankovní a finanční služby poskytované online
• prodejci elektroniky a digitálních produktů

Pokud se vás pravidla oficiálně netýkají, přístupný web dává smysl. Pomáhá zvýšit návštěvnost, zlepšit pozice ve vyhledávačích a může pozitivně ovlivnit prodeje. Pokud si nejste jistí, jestli na vás zákon dopadá, přístupnost neignorujte.

Co musí e-shop splňovat podle WCAG 2.1

Standard WCAG 2.1 přináší konkrétní technické požadavky pro všechny e-shopy. Podívejme se na nejdůležitější body, které musíte splnit.

Dostatečný kontrast a čitelnost textu

Váš e-shop potřebuje jasný kontrast mezi textem a pozadím. Metodika W3C stanovuje minimální hodnoty: 125 bodů pro rozdíl jasu (škála 0-255) a 500 bodů pro rozdíl barev (škála 0-765). Větší hodnoty znamenají lepší čitelnost.

Text na hlavních stránkách by měl mít velikost alespoň 16 px, doplňkové informace minimálně 13-14 px. Řádkování nastavte na 150-160 %. VELKÁ PÍSMENA v delších textech výrazně zhoršují čitelnost, proto je nepoužívejte.

Ovládání webu bez myši

Celý e-shop musí fungovat pouze s klávesnicí. Tato funkce je klíčová zejména pro zrakově postižené uživatele a osoby s motorickými obtížemi. Všechny interaktivní prvky vyžadují přístup přes klávesové zkratky, přičemž navigace tabulátorem musí sledovat logickou strukturu stránky. Aktuálně vybraný prvek musí být viditelně označen.

Alternativní texty a popisky

Každý obrázek potřebuje alternativní (ALT) text. V Česku žije přibližně 74 000 lidí se zrakovým postižením, kteří používají čtečky obrazovky. Kvalitní ALT text musí:

• přesně popisovat obsah obrázku
• zůstat stručný (do 125 znaků včetně mezer)
• obsahovat relevantní klíčová slova
• být jedinečný pro každý obrázek

Přístupné formuláře a tlačítka

Formulářové prvky potřebují jasné označení s propojením na popisky v HTML kódu. Chybové hlášky musí konkrétně popisovat problém. Tlačítka a interaktivní prvky vyžadují dostatečnou velikost pro snadné ovládání na všech zařízeních. Pokladní formuláře musí obsahovat popisky čitelné pro asistivní technologie.

Konzistentní navigace a struktura

Navigace musí fungovat stejně na všech stránkách e-shopu. Kód vyžaduje správné sémantické značky - nadpisy (<h1> až <h6>), seznamy (<ul>, <ol>, <li>) a další strukturální prvky. Drobečková navigace pomáhá uživatelům sledovat jejich pozici v rámci webu.

Zákaz rychle blikajících prvků

E-shop nesmí obsahovat rychle blikající elementy, které mohou způsobit epileptický záchvat. Tyto prvky škodí nejen epileptikům, ale také lidem s poruchami pozornosti, kterým ztěžují soustředění na obsah. Maximální povolená rychlost blikání je 3× za sekundu. Rozhodně tedy na svém webu neplánujte diskotéku.

Jak ověřit a zlepšit přístupnost vašeho e-shopu

Ověření přístupnosti e-shopu vyžaduje důkladné testování. Naštěstí existuje řada nástrojů a metod, které vám pomohou zjistit, zda váš web splňuje požadované standardy.

Online nástroje: Lighthouse, WAVE, axe

Základní kontrolu přístupnosti webu snadno provedete pomocí těchto nástrojů:

Google Lighthouse najdete přímo v prohlížeči Chrome. Otevřete web, klikněte pravým tlačítkem myši, vyberte "Prozkoumat", přejděte na záložku Lighthouse a spusťte test přístupnosti.

WAVE od WebAIM po zadání URL adresy vašeho e-shopu okamžitě vizuálně označí problematická místa - chybějící alternativní texty nebo nedostatečný kontrast barev.

axe DevTools jako rozšíření pro Chrome a Firefox dokáže odhalit až 50 různých problémů s přístupností. Základní verze je dostupná zdarma.

Manuální testování

Automatizované nástroje zachytí jen část problémů, proto nezapomeňte na ruční testy:

• Zkuste ovládat web výhradně klávesnicí (Tab a Shift+Tab pro pohyb, Enter pro aktivaci prvků).
• Vyzkoušejte web při různém zvětšení textu (Ctrl+ nebo Cmd+).
• Ověřte, jestli web zůstává použitelný i při výrazném zvětšení obsahu.

Použití čteček obrazovky

Komplexní test přístupnosti zahrnuje vyzkoušení e-shopu s čtečkami obrazovky:

• NVDA - bezplatná čtečka pro Windows ke stažení na nvaccess.org
• VoiceOver - vestavěná čtečka v macOS (aktivace Cmd+F5) a iOS
• TalkBack - čtečka pro zařízení s Androidem

Práce s čtečkou vám ukáže, jak váš web skutečně vnímají nevidomí uživatelé.

Jak vám s přístupností pomůžeme my

Když prostě nemáte kapacitu nebo čas, ozvěte se. Zjistíme, co přesně potřebujete, a navrhneme kompletní realizaci. Jednoduše, srozumitelně a tak, aby vás to zbytečně nezatěžovalo.

1. Analýza – zjistíme, jestli se vás zákon týká a v jakém rozsahu.
2. Přístupnostní audit – kompletně prověříme váš e-shop podle WCAG 2.1.
3. Plán úprav – doporučíme konkrétní kroky, rozpočty a prioritu změn.
4. Realizace – úpravy webu zajistíme na klíč: od UX přes kód až po copywriting.
5. Dokumentace – připravíme přehledný dokument o provedených opatřeních, který vyžaduje zákon.
6. Testování a kontrola – průběžně ověříme, že web odpovídá všem požadavkům.

Chcete začít? Ozvěte se nám. Domluvíme si úvodní konzultaci a nastavíme postup.

Závěr

Přístupnost webů a e-shopů se od června 2025 stává povinným standardem pro většinu podnikatelů. I když zákon dává výjimku mikropodnikům, přístupný web představuje výhody pro firmy všech velikostí. Lepší konverzní poměr, kvalitnější uživatelský zážitek a širší dosah jsou argumenty, které nejde přehlížet.

Času na přípravu zbývá dostatek, přesto není rozumné odkládat zahájení změn na poslední chvíli. Praxe jasně ukazuje, že dodatečné úpravy hotového webu stojí výrazně více než implementace prvků přístupnosti během vývoje nového e-shopu. Kontrolu kontrastu, funkční ovládání bez myši a správné alternativní texty můžete začít řešit prakticky ihned.

Přístupný web slouží nejen lidem s handicapem, ale zlepšuje použitelnost pro každého návštěvníka. A abychom viděli sklenici spíš poloplnou, EAA můžeme vnímat jako příležitost ke zlepšení webů. Vyhnete se pokutám, získáte konkurenční výhodu a otevřete své podnikání více zákazníkům.

Přístupnost ale není jednorázový úkol, ale proces. Pravidelné testování pomocí nástrojů Lighthouse nebo WAVE spolu se spoluprací s UX odborníky zajistí přístupnost vašeho e-shopu. Budete připraveni nejen na požadavky EAA, ale především na potřeby všech vašich zákazníků.