Na konci června v Česku začala platit nová pravidla pro přístupnost webů a online služeb. Tato změna vychází z tzv. Evropského aktu o přístupnosti (směrnice EU 2019/882) a promítá se do českého zákona č. 99/2019 Sb. Pokud byl váš e‑shop spuštěn před 28. červnem 2025, zákonná povinnost přístupnosti se na něj zpětně nevztahuje. Ale pozor – jakmile od tohoto data provedete jakoukoli významnější úpravu, která se týká vzhledu nebo funkčnosti webu, už jste povinní pravidla na svém webu dodržovat.
Jejím cílem je zajistit, aby weby byly srozumitelné a použitelné i pro lidi se zrakovým, sluchovým nebo pohybovým omezením. Určitá optimalizace Vám tedy může přinést další potencionální zákazníky.
Co to znamená v praxi?
Změna fontu nebo barvy, která nijak neovlivní čitelnost nebo kontrast textu, se pravděpodobně nebude považovat za zásah, kvůli kterému by bylo nutné dodržovat požadavky nového zákona.
Redesign, nový filtr, přidání sekce nebo funkce – tady už je to jiná písnička. Jakmile upravujete obsah, který má vliv na to, jak se lidé na webu pohybují, čtou nebo objednávají, nová část webu musí splňovat pravidla přístupnosti.
Koho se to týká?
Tato povinnost se bude vztahovat na e-shopy a firmy, které splňují alespoň jednu z těchto podmínek:
- mají více než 10 zaměstnanců,
- nebo jejich roční obrat přesahuje 2 miliony eur.
Pokud do této kategorie spadáte a plánujete výraznější grafické úpravy e‑shopu, doporučujeme rovnou dodržet parametry stanovené novým zákonem o přístupnosti. Vyhnete se tak nutnosti dalších úprav a zároveň zajistíte, že váš web bude odpovídat současným zásadám přístupnosti.
Struktura stránky
- Stránka má správně nastavenou hierarchii nadpisů (např. jeden H1, podnadpisy H2–H6).
- Navigace a rozložení jsou konzistentní napříč stránkami.
- Struktura webu je logicky rozdělená – hlavička, hlavní obsah, patička.
Obrázky a média
- Všechny obrázky mají vyplněné alternativní popisky (ALT).
- Ikony mají skrytý text nebo popis pro čtečky.
- Videa obsahují titulky.
- YouTube videa mají smysluplný název.
Ovládání pomocí klávesnice
- Web je plně ovladatelný bez myši.
- Je jasně vidět, na jakém prvku se uživatel zrovna nachází.
- Otevřená okna (např. výběr dopravy) se dají zavřít klávesou.
Formuláře a objednávkový proces
- Každé políčko ve formuláři má popisek (label).
- Skupiny výběrů mají přehledné označení.
- Pokud uživatel udělá chybu, formulář ji jasně označí a vysvětlí.
- Nákupní proces (košík, doprava, platba) je přístupný i bez myši.
- Informace o produktech (název, cena, dostupnost) jsou dobře čitelné.
Barvy a čitelnost
- Text má dostatečný kontrast vůči pozadí.
- Obsah webu zůstává funkční i při zvětšení textu na 200 %.
- Důležité informace nejsou sdělované jen barvou (např. červeně bez popisu).
- Tlačítka a odkazy jsou dostatečně velké (minimálně 44 × 44 px).
Mobilní zobrazení a škálování
- Rozložení funguje i při zvětšení písma nebo zmenšení okna.
- Používají se relativní jednotky (např. rem místo px).
Technické základy
- Kód stránky je validní a dobře strukturovaný.
- Interaktivní prvky mají popsanou svou funkci.
- Nepoužívají se zastaralé nebo nevhodné způsoby zobrazení (např. tabulky pro rozložení).
Prohlášení o přístupnosti
- Na webu je stránka, která shrnuje stav přístupnosti.
- Obsahuje kontaktní údaje a informace o známých nedostatcích.
Doporučení 3IT
Doporučujeme začít s přípravou včas a nečekat až na větší grafické úpravy vašeho e‑shopu. Přechod na přístupnější řešení se vám vyplatí i z hlediska SEO – Google totiž čím dál víc zohledňuje dodržování zásad přístupnosti a může weby, které je ignorují, penalizovat. Přístupný e‑shop tak není jen splněním zákonné povinnosti, ale i krokem k lepšímu uživatelskému zážitku pro všechny vaše zákazníky.
