Evropský zákon o přístupnosti: jak si web zkontrolovat sami

Pokud prodáváte online spotřebitelům v EU, požadavky, které evropský zákon o přístupnosti (European Accessibility Act) klade na weby, platí pro váš e-shop od 28. června 2025, ledaže je vaše firma mikropodnik. Mnoho závažných problémů najdete sami: udělejte zkušební objednávku jen klávesnicí, přibližte stránku a vyzkoušejte každý formulář. Co samokontrola nedokáže, je prokázat, že normu splňuje celý web.

Možná se o zákonu zmínil vývojář, nebo vám přišel e-mail s nabídkou widgetu, díky kterému bude jakýkoli web jedním řádkem kódu „v souladu“. Zákazník, který se vaší pokladnou neprobojuje klávesnicí nebo s odečítačem obrazovky (programem, který stránku čte nahlas), může bez stížnosti odejít do jiného obchodu.

Vztahuje se evropský zákon o přístupnosti na váš web?

Akt se na vás vztahuje, pokud váš web prodává spotřebitelům, tedy lidem, kteří nakupují pro sebe, a vaše firma není mikropodnik. Směrnice (EU) 2019/882 uvádí mezi službami, na které se vztahuje, služby elektronického obchodu: služby poskytované přes web nebo aplikaci „s cílem uzavřít spotřebitelskou smlouvu“. Státy musely její pravidla uplatňovat od 28. června 2025. Jde o náš výklad směrnice; právní stanovisko k vaší konkrétní situaci vám dá advokát.

• Mikropodniky, které poskytují služby, jsou vyňaty. Jde o čl. 4 odst. 5. Směrnice vymezuje mikropodnik jako podnik s méně než 10 osobami a ročním obratem nebo roční bilanční sumou nejvýše 2 mil. EUR. Počítá se počet osob i jeden ze dvou finančních limitů: desetičlenný tým výjimku nemá, i kdyby byl obrat sebemenší.
• Prodej jen firmám. Definice se týká spotřebitelských smluv. Pokud vaší pokladnou mohou objednávat soukromí zákazníci, považujte web za dotčený.
• Web, který nic neprodává. Firemní web bez objednávek, rezervací a plateb zpravidla není službou elektronického obchodu tak, jak ji směrnice vymezuje. Rezervace a platby to mění.
• Termín 2030 se týká výrobků a starých smluv. Přechodné období do 28. června 2030 podle článku 32 se vztahuje na výrobky používané k poskytování služby a na smlouvy uzavřené před červnem 2025.

Každý stát EU vymáhá akt vlastním zákonem a stanoví vlastní sankce; v Německu je tímto zákonem BFSG. Pokud vaše firma sídlí ve Švýcarsku nebo ve Spojeném království a prodává spotřebitelům v EU, zeptejte se advokáta, jak se na vás pravidla těchto zemí vztahují.

Proč weby e-shopů neprojdou kontrolou přístupnosti?

Níže popsané chyby obvykle vznikají z rozhodnutí o designu a formulářích, která se udělala jednou v šabloně a opakují se na každé stránce. Směrnice (EU) 2019/882 požaduje weby, které jsou „vnímatelné, ovladatelné, srozumitelné a robustní“. Evropská norma, která to převádí na testy, EN 301 549, vychází z WCAG, pravidel přístupnosti webového obsahu, která vydává W3C. WCAG řadí svá kritéria do tří úrovní: A (minimum), AA a AAA. Norma míří na úroveň AA.

Obrys fokusu byl kvůli vzhledu odstraněn. Když se někdo pohybuje po stránce klávesou Tab, prohlížeč kreslí rámeček kolem aktivního odkazu nebo tlačítka. Některé šablony ho skrývají, protože vypadá neuhlazeně, přestože WCAG vyžaduje viditelný indikátor fokusu. Kritérium přidané ve WCAG 2.2 navíc říká, že prvek s fokusem nesmí být zcela zakrytý obsahem samotného webu, například přichyceným záhlavím nebo cookie lištou.

Text je příliš bledý. WCAG požaduje kontrastní poměr, tedy o kolik je text tmavší nebo světlejší než pozadí, alespoň 4,5:1 pro běžný text a 3:1 pro velký text. Sken milionu domovských stránek, který WebAIM provedl v roce 2026, našel text s nízkým kontrastem na 83,9 % z nich. Typickými případy jsou světle šedá na bílé a bílá na pastelovém tlačítku.

Formuláře spoléhají na zástupný text a barvu. Šedá nápověda v poli zmizí, jakmile začnete psát, a samotný červený rámeček neřekne, co je špatně. WCAG vyžaduje popisky nebo pokyny všude, kde je potřeba něco zadat, a chyby popsané textem.

Pokladna byla postavená pro myš. Vlastní rozbalovací nabídky, CAPTCHA s hádankami a přihlášení, při kterém si musíte zapamatovat nebo přepsat kód, zastaví lidi, kteří používají klávesnici nebo odečítač obrazovky. Směrnice u elektronického obchodu jmenuje zvlášť identifikaci, zabezpečení a platby. V březnu 2026 nizozemský spotřebitelský úřad ACM oznámil, že u 61 % kontrolovaných velkých nizozemských e-shopů a dalších velkých spotřebitelských webů nešlo objednávku dokončit s asistivní technologií, jako je odečítač obrazovky.

Místo opravy widget nebo skóre. Overlay widgety přidávají nad web panel nástrojů přístupnosti. Evropská komise uvádí, že overlaye a podobné nástroje, které nezajistí, aby normu splňoval samotný web, „nejsou vhodným řešením“. Automatický test pomůže, ale slovy W3C: „žádný nástroj sám nedokáže určit, zda web splňuje standardy přístupnosti.“

Jak si přístupnost webu zkontrolovat sami

První kontrolu zvládnete s prohlížečem a klávesnicí, bez placených nástrojů. W3C, organizace stojící za WCAG, na tomto principu vydává sadu jednoduchých testů Easy Checks. Vyberte tři stránky: domovskou stránku, stránku produktu nebo služby a pokladnu nebo kontaktní formulář. Postupujte popořadě a zapište si každé místo, kde se zaseknete.

1. Odložte myš. Procházejte každou stránku klávesami Tab a Shift+Tab a používejte Enter, mezerník a šipky. Měli byste se dostat k menu, filtrům, tlačítku pro vložení do košíku, ke každému poli formuláře i k tlačítku pro platbu. V každém okamžiku musíte vidět, kde jste. Zapište si, kde rámeček zmizí pod přichyceným záhlavím nebo cookie lištou a zda se dá odejít z menu nebo z okna chatu.
2. Přibližte stránku. Nastavte prohlížeč na 200 %. WCAG očekává, že text zůstane čitelný a obsah se neořízne ani nebude překrývat. Pak zužte okno zhruba na 1 280 pixelů a přibližte na 400 %: obsah by se měl vejít na šířku bez vodorovného posouvání, s výjimkou věcí jako mapy a datové tabulky.
3. Zkontrolujte bledý text. Vývojářské nástroje v Chrome, Edge a Firefoxu ukazují kontrastní poměr vybrané barvy textu. Zkontrolujte běžný text, ceny, tlačítka a drobný šedý text pod poli formulářů.
4. Odešlete každý formulář prázdný, pak špatně vyplněný. Každé pole potřebuje viditelný popisek, který při psaní nezmizí. Odešlete prázdný formulář: chyba by měla slovy říct, co chybí, být u pole a zachovat, co už jste napsali. Nové kritérium WCAG 2.2 také žádá, aby údaje zadané už dříve v témže procesu, například adresa, byly vyplněny automaticky nebo nabídnuty k výběru. Další způsoby, jak vás formulář stojí objednávky, najdete v našem článku návštěvnost na webu je, poptávky ne.
5. Přihlaste se a projděte antispamovou kontrolou. WCAG 2.2 říká, že přihlášení nesmí záviset na testu kognitivních funkcí, jako je zapamatování hesla nebo řešení hádanky, pokud neexistuje alternativa nebo pomoc, například správce hesel nebo vložení ze schránky. CAPTCHA s hádankou bez jiné možnosti tady neprojde.
6. Podívejte se na fotky produktů. Klikněte na obrázek pravým tlačítkem a zvolte Prozkoumat. Alternativní text, krátký popis, který odečítač obrazovky přečte, by měl říkat, co je produkt zač; čistě dekorativní obrázky ho mohou mít prázdný.
7. Zopakujte klíčové kroky na telefonu. Malé ikony umístěné těsně u sebe se špatně trefují. WCAG 2.2 stanoví minimální velikost cíle 24 na 24 CSS pixelů (jednotka velikosti samotné webové stránky), s výjimkami, například když je kolem cíle dost místa.

W3C upozorňuje, že stránka „by mohla zdánlivě projít těmito kontrolami, a přesto mít významné překážky přístupnosti“. Dalším krokem je test člověkem, který odečítač obrazovky používá každý den.

Co opravit jako první?

Začněte opravami v šabloně a komponentách formulářů, od nejlevnějších po nejdražší. Jedna změna v šabloně opraví každou stránku, která na ní stojí. Zveřejnění informací o přístupnosti si nechte na dobu, kdy budete vědět, co web umí a co ne.

1. Neinstalujte overlay. Evropská komise radí řešit problémy s přístupností „u zdroje“, což u e-shopu znamená šablonu, formuláře a pokladnu.
2. Vraťte rámeček fokusu a ztmavte text. Obojí obvykle žije v nastavení barev a stylů šablony. Začínáme tím, že kontrast nastavíme jednou v paletě designu a ověříme ho ve světlé i tmavé verzi webu, takže každá nová stránka začíná s barvami, které už vyhovují.
3. Přestavte formuláře. Viditelné popisky, chyby slovy u pole, zadané údaje zachované po chybě, fokus přesunutý na první pole k opravě a automatické vyplňování prohlížeče pro jméno, e-mail a adresu. V našich projektech webů začínáme samotnou komponentou formuláře, takže každý nový formulář má tyto opravy od začátku.
4. Doplňte alternativní texty a jazyk stránky. Popište fotky produktů a obsahové obrázky a ujistěte se, že každá stránka deklaruje svůj jazyk, aby ji odečítač obrazovky správně vyslovil. Vyhledávače čtou tentýž alternativní text a atribut jazyka, proto patří i do technického SEO.
5. Opravte pokladnu, přihlášení a widgety třetích stran. Nahraďte CAPTCHA s hádankami kontrolami, které po zákazníkovi nežádají nic řešit, a nabídněte způsob přihlášení, který nezávisí na paměti. Platební a chatovací widgety dodávají dodavatelé: požádejte každého z nich o informace o přístupnosti a vyměňte ty, ke kterým se klávesnicí nedostanete.
6. Zveřejněte informace o přístupnosti. Příloha V směrnice žádá po poskytovatelích služeb, aby popsali, jak služba splňuje požadavky, ve všeobecných obchodních podmínkách nebo v rovnocenném dokumentu. Podrobnosti stanoví váš vnitrostátní zákon.
7. Mířte na WCAG 2.2 úrovně AA. EN 301 549 ve verzi 4.1.1, vydaná v září 2026, přidává šest požadavků z WCAG 2.2, uvádí AccessibleEU. Dokud ji Komise necituje v Úředním věstníku Evropské unie, zůstává podle téhož zdroje referenční verze 3.2.1, založená na WCAG 2.1 úrovně AA. Irský National Disability Authority očekává citaci 16. prosince 2026. Opravy podle WCAG 2.2 už teď znamenají, že nové požadavky budete mít pokryté, až se to stane.

Směrnice připouští výjimku, pokud by soulad představoval nepřiměřenou zátěž, vyžaduje však posouzení a její body odůvodnění uvádějí, že „nedostatek priority, času nebo znalostí“ není oprávněným důvodem.

Co měřit po opravách?

Měřte, zda člověk zvládne hlavní úkoly s klávesnicí a na přiblížené stránce. Zopakujte stejnou kontrolu přístupnosti na stejných třech stránkách a porovnejte, kde jste se zasekli před změnami a po nich. Kontrolujte znovu pokaždé, když se změní šablona, plugin nebo poskytovatel plateb.

1. Zkušební objednávka jen klávesnicí, od stránky produktu po potvrzení, aniž byste se dotkli myši.
2. Seznam nálezů z bezplatného automatického testu, například Lighthouse v Chrome, spuštěného na stejných třech typech stránek. Projděte nálezy a zkontrolujte, které zůstávají.
3. Formuláře odeslané s chybami, abyste ověřili, že každá chyba je popsaná slovy a nic z napsaného se neztratí.
4. Zveřejněné informace o přístupnosti, aktualizované po každé změně, která ovlivňuje, jak zákazníci objednávají.

Kde vám pomůžeme

Když procházíme pokladnu e-shopu, jdeme cestou zákazníka: stránka produktu, košík, formuláře a platba, nejdřív s klávesnicí, pak na telefonu. Problémy, které sedí v šabloně nebo komponentách formulářů, se nejlevněji opravují právě tam; co samokontrola nerozhodne, necháváme na test s odečítačem obrazovky. Pokud chcete, aby se na vaši pokladnu podíval ještě někdo další, napište nám o svém webu.

← Všechny články