Provozovatelé webů a e-shopů v Evropské unii dostali novou legislativní povinnost, o které se zatím mluví mnohem méně než o AI Actu, ale dopad může být stejně zásadní. European Accessibility Act (EAA), v Česku promítnutý do zákona o přístupnosti výrobků a služeb, ukládá řadě digitálních služeb povinnost být přístupná lidem se zdravotním postižením.

Pokud provozujete e-shop, bankovní službu, dopravní aplikaci nebo e-knihy, přístupnost už není jen dobrovolné gesto vstřícnosti. Je to právní povinnost s reálnými sankcemi.

Koho se povinnost týká?

EAA cílí primárně na komerční subjekty poskytující vybrané kategorie služeb online. Mezi nejčastější případy patří:

Pozor na výjimku mikropodniků: Vztahuje se pouze na poskytovatele služeb. Pokud mikropodnik provozuje e-shop s fyzickým zbožím, výjimka se na e-commerce část zpravidla nevztahuje.

Na jakém standardu se přístupnost posuzuje?

Technickým základem je mezinárodně uznávaný standard WCAG 2.1, úroveň AA (Web Content Accessibility Guidelines). Ten je rozdělen do čtyř principů, které si lze snadno zapamatovat pod zkratkou POUR:

1. Vnímatelné (Perceivable): Obsah musí být vnímatelný smysly, které uživatel má k dispozici (alternativní text u obrázků, titulky u videí, dostatečný kontrast textu).
2. Ovladatelné (Operable): Web musí jít ovládat i bez myši, výhradně klávesnicí, včetně logického pořadí procházení prvků (tab-index).
3. Srozumitelné (Understandable): Jasná navigace, konzistentní chování formulářů, srozumitelná chybová hlášení.
4. Robustní (Robust): Kód musí být čitelný pro asistenční technologie, například čtečky obrazovky (screen readery).

5 nejčastějších technických nedostatků na webech

1. Nedostatečný kontrast textu

Světle šedý text na bílém pozadí vypadá moderně, ale lidem se zhoršeným zrakem je často nečitelný. WCAG AA vyžaduje minimální kontrastní poměr 4.5:1 pro běžný text.

2. Chybějící alternativní text u obrázků

Atribut alt u obrázků není jen záležitost SEO. Pro nevidomé uživatele používající čtečku obrazovky je to jediný způsob, jak se dozvědět, co obrázek zobrazuje.

<img src="produkt.jpg" alt="Bílé pánské tenisky, velikost 42">

3. Formuláře bez popisků (labels)

Pokud pole formuláře nemá správně propojený <label>, čtečka obrazovky neumí uživateli sdělit, co má do pole vyplnit.

4. Nemožnost ovládání klávesnicí

Vlastní rozbalovací menu, modální okna nebo carousely postavené jen na myšových událostech (onmouseover) jsou pro uživatele odkázané na klávesnici nepoužitelné.

5. Chybějící struktura nadpisů

Přeskakování úrovní nadpisů (např. z H1 rovnou na H4) nebo použití nadpisů jen kvůli vizuálnímu stylu, nikoli obsahové hierarchii, ztěžuje orientaci uživatelům používajícím asistenční technologie.

Jaké hrozí sankce?

Dohled a sankce spadají v ČR pod Českou obchodní inspekci. Pokuty se odvíjí od závažnosti a opakování prohřešku a mohou jít do statisíců korun, u opakovaných a závažných porušení výše. Kromě finančního postihu hrozí také reputační riziko a v případě veřejných zakázek i vyřazení z výběrových řízení.

Checklist pro rychlou orientaci

1. Ověřte kontrast textu vůči pozadí (min. 4.5:1 pro běžný text, 3:1 pro velký text).
2. Projděte klíčové stránky (homepage, produkt, košík, platba) pouze pomocí klávesnice (Tab, Enter, Šipky).
3. Zkontrolujte, zda mají obrázky vyplněný smysluplný alt text.
4. Ověřte, zda formulářová pole mají přiřazené <label>.
5. Zkontrolujte logickou hierarchii nadpisů H1–H6.
6. Otestujte web alespoň jednou pomocí čtečky obrazovky (např. NVDA – zdarma).

Zkontrolujte přístupnost svého webu

Ruční prověřování kontrastu, struktury a ovladatelnosti napříč celým webem je časově náročné. Modul Pinsero Health provede technickou diagnostiku webu a upozorní na základní nedostatky v oblasti struktury, sémantiky a dostupnosti obsahu, které souvisí i s požadavky přístupnosti.

Zkontrolujte technický stav svého webu v Pinsero Health ještě předtím, než přístupnost prověří někdo jiný.