Nový český zákon č. 424/2023 Sb. o přístupnosti vybraných výrobků a služeb vstupuje v účinnost 28. 6. 2025. Platí to i pro online prodej a e-shopy (podle něj musí být webové stránky a mobilní aplikace „vnímatelné, ovladatelné, srozumitelné a stabilní“). Cílem je, aby lidé se zrakovým, sluchovým či jiným omezením mohli bez problémů nakupovat stejně jako ostatní. Zároveň to může pomoct i běžným zákazníkům – přehlednější weby často lépe fungují i pro všechny návštěvníky.
Koho se zákon týká a koho ne
Nová pravidla platí pro všechny provozovatele e-shopů (včetně na míru). Výjimku mají jen nejmenší firmy a eshopy jen pro firmy (B2B). Mikropodnikem je firma, která má méně než 10 zaměstnanců a roční obrat pod 2 mil. EUR. Pokud tedy máte větší obrat nebo zaměstnáváte více lidí, zákon se vás týká. Naopak pokud prodáváte výlučně jiným firmám, můžete se potkat s výjimkou (B2B provozovatelé mohou být zcela vyjmuti).
Co musíte upravit (technické i obsahové úpravy)
Zákon vyžaduje, aby byl váš web (všechny stránky e-shopu a aplikace) srozumitelný a ovladatelný pro všechny uživatele. Pro vás to znamená zjednodušit ovládání a zlepšit strukturu obsahu. Patří sem zejména:
- Popisky obrázků (alt texty): Každý produktový obrázek či banner by měl mít popisek, který popisuje, co na obrázku je. Díky tomu si čtečky pro nevidomé „přečtou“, co je na obrázku.
- Dostatečně velké, čitelné písmo a kontrast: Používejte kontrastní barvy textu a pozadí a nepoužívejte příliš malé písmo. Tmavý text na světlém pozadí (nebo naopak) bez rušivých vzorů zlepší čitelnost. Upgates radí kontrolovat barvy a velikost písma (např. 14–16 px a více) tak, aby byly snadno vidět.
- Logická struktura obsahu: Správně použijte nadpisy (H1, H2…), odstavce a odrážky. Díky tomu se web „rozpadne“ do smysluplných částí. To pomůže všem, kdo mají potíže s orientací v textu. Shoptet i právníci upozorňují, že udržování logické struktury (nadpisy, titulky, odkazy) výrazně zlepšuje přístupnost.
- Formuláře a ovládací prvky: Ujistěte se, že každé políčko (např. košík, filtr) má popis (label) a lze je ovládat klávesnicí (pomocí tabulátoru). Stránky by se měly ovládat nejen myší, ale i klávesami nebo mobilními asistenty . (Zkontrolujte, že při procházení tabem můžete přidávat produkty, zadávat údaje v košíku apod.)
- Multimediální obsah: Video a audio obsah opatřete titulky nebo alespoň textovou transkripcí. Pokud používáte videa s vlastním obsahem, přidejte k nim text nebo titulky. (Předtočené video se zákonem nemusí být přístupné, pokud bylo na webu před 28. 6. 2025 , ale po tomto datu musí být nové video opatřeno titulky.)
- Kontakt pro nedostupnost: Doporučuje se zveřejnit na webu kontakt (např. e-mail) pro uživatele, aby mohli nahlásit problémy s přístupností. Například poznámka v kontaktech „Máte potíže s přístupností? Napište nám“ ukáže, že provozovatel dbá o řešení problémů. (Podle Digitálního služebního aktu (DSA) je povinnost mít kontaktní osobu pro podněty – nepublikujte-li přímo formulář, postačí e-mail uvedený v sekci kontaktů.)
Obsahové povinnosti
Kromě technických úprav je třeba upravit i právní dokumenty. Do Všeobecných obchodních podmínek (VOP) by měl být přidán odstavec popisující, jak váš e-shop zajišťuje přístupnost (např. stručný popis možností asistivního ovládání nebo formátů). Stručně napište, jaké kroky jste udělali (nezapomínejte, že VOP musí být přístupné v přenositelném formátu, doporučuje se dát je ke stažení i jako PDF). Výhodou je, že podobný odstavec o přístupnosti může odcházet i návštěvníkům, kteří nestihnou dočíst obsah webu (místo úplného znění VOP nemusíte vyjmenovávat všechna slova, stačí odpovídající shrnutí a odkaz).
Shoptet a Upgates – jak vám platformy pomohou
Provozovatelé na Shoptetu a Upgates mají určitou podporu přímo v systému:
- Shoptet: Tým Shoptetu již pracuje na úpravách šablon a funkcí, aby odpovídaly normám WCAG 2.1. V praxi to znamená, že nové šablony (Classic a další) budou mít správné kódování, podporovat ovládání klávesnicí, dostatečný kontrast a další základní prvky. Navíc Shoptet plánuje zavést další změny formou aktualizací. Přesto vy jako provozovatel musíte projít nastavení (vybrat kontrastní barevnou sadu, vyplnit alt texty, zkontrolovat své VOP aj.). Pokud máte šablonu od partnera nebo vlastní úpravy, obraťte se na partnera, aby s vámi spolupracoval na potřebných změnách – například úpravy barev či popisů obrázků. (Staré šablony, které už Shoptet dále nevyvíjí, mohou vyžadovat kompletní přepracování na podporovaný design.)
- Upgates: Podle Upgates je dobrá zpráva, že systém Upgates Designer je na přístupnost připraven. Většinu základních nastavení (struktura nadpisů, responzivita, možnost alt textu u obrázků, základní kontrast) lze nastavit v administraci e-shopu. Např. Upgates doporučuje zkontrolovat, že máte u obrázků vyplněné alt popisky, barvy textu a pozadí mají dostatečný kontrast a všechny důležité informace nejdou jen z videa nebo obrázku. I tak musíte provést audit obsahu – žádná platforma totiž sama nevidí, co píšete (např. názvy produktů musí být čitelné). Upgates proto radí zákazníkům zkontrolovat alt texty, barvy, strukturu nadpisů i velikost fontu, případně využít jejich analýzu přístupnosti.
Termín a výjimky (co dělat do 28. 6. 2025)
Konečným termínem je 28. červen 2025 . Do tohoto data by měly být všechny povinné e-shopy přizpůsobeny – tedy technické změny nasazeny a obsah upraven. Většina prodejců však průběžně aktualizuje své e-shopy, a práh pasivity (pracovat na starém webu) nevyužije – lepší tedy nepodceňovat přípravy.
- Nové e-shopy po 28. 6. 2025: Pokud e-shop spustíte až po účinnosti zákona, už musí od začátku splňovat pravidla. Úpravám se ale nemusíte zvlášť věnovat, jen dbejte na správné postupy při tvorbě– běžné šablony i nové verze řešení se budou standardy WCAG lišit jen minimálně. (Jak Upgates shrnul: provozovatelé nových webů „nemají čekat žádné další aktualizace pravidel“).
- Staré e-shopy (bez úprav po 28. 6. 2025): Zákon stanovuje, že weby s obsahem, které nebyly od 28. 6. 2025 nijak aktualizovány, nemusí být přístupné až do doby, než je začnete měnit. Jinými slovy: pokud jste před tímto datem nic neměnili a teď nehodláte, máte částečnou výjimku – technicky musíte vyhovět až při další změně. Ale pozor: jakmile cokoli upravíte (nový produkt, změna designu apod.), spouští se povinnost udělat e-shop přístupný. Proto je lepší začít s úpravami hned.
- „Smlouva starší než zákon“: Pokud máte e-shop nebo vývoj na zakázku, ke kterému jste uzavřeli smlouvu před vydáním zákona, můžete využít tzv. přechodné období. V praxi to znamená, že na původní verzi webu pořizovanou před 28. 6. 2025 máte 5 let na změny (do června 2030) – podmínkou je, že během nich web zásadně neupravujete . Většina prodejců ale e-shop průběžně udržuje, takže si přestup není účinně prodloužen. Nejlépe tedy plánovat úpravy co nejdříve, v rámci běžných aktualizací systému či obsahu.
Co vám hrozí, když zákon nesplníte
Za nedodržení povinností u přístupnosti hrozí podnikatelům správní sankce. Především Česká obchodní inspekce (ČOI) bude dohlížet na dodržování přístupnosti u e-shopů . Pokud e-shop nevyhovuje požadavkům, lze mu uložit pokutu jako správní přestupek. Tyto pokuty nemusí být zanedbatelné – zákon počítá s poměrně přísným vymáháním . Nejde jen o sankci, ale v praxi i o reputaci: eshopy, které se na přístupnost připraví, vysílají signál důvěryhodnosti a péče o zákazníky.
Kontrolní seznam (co udělat teď)
- Ověřte, že se vás zákon týká: Je-li váš e-shop mikropodnikem (< 10 lidí a < 2 mil. EUR obrat) a prodáváte jen jiným firmám, jste z povinnosti vyjmuti. Jinak zákon řešit musíte.
- Alt popisky: Zkontrolujte, že všechny obrázky (produkty, bannery apod.) mají vyplněný alternativní text.
- Barvy a písmo: Vyberte dostatečně kontrastní barevné schéma (černý nebo tmavý text na bílém pozadí) a nastavte velikost písma tak, aby byla dobře čitelná (min. 14–16 px).
- Struktura stránky: Upravte nadpisy a odstavce logicky (čisté H1, H2 apod.). Používejte seznamy a odrážky, aby byl text přehlednější.
- Klávesová navigace: Vyzkoušejte, že se dá web ovládat i bez myši – pomocí tabulátoru a kláves. Zkontrolujte, že menu a tlačítka reagují na stisky kláves (Enter/Space).
- Formuláře a popisky: Ujistěte se, že všechna pole (vyhledávání, filtr, košík, přihlášení) mají přiřazený popisek (label) a správný typ (pole pro číslo apod.). Pomůže to s ovládáním a s čtečkami obrazovky.
- Právní dokumenty: Doplňte do VOP nebo jiných podmínek bod o přístupnosti (jak je zajišťujete). Vyvěste třeba samostatné „Prohlášení o přístupnosti“ (krátký souhrn v i strojově čitelné podobě). Upravte formáty dokumentů (PDF, HTML), aby je bylo možné snadno stáhnout.
- Testování a audit: Proveďte audit přístupnosti – buď vlastní kontrolu (projděte obchod bez myši, případně s umělou asistenční technologií) nebo si najměte specialistu. Některé firmy (včetně Upgates) nabízejí analýzu přístupnosti e-shopu. Získáte seznam konkrétních chyb a doporučení, co opravit.
- Průběžné sledování: Po nasazení změn web pravidelně kontrolujte (např. každých 6–12 měsíců nebo při každé změně velké aktualizaci). Pravidla se vyvíjejí a zákon může ještě přinesnout upřesnění (kdo, kdy a jak kontrolovat). Včasné sledování vám ušetří trable v budoucnu.
Výhody: Nakonec připomeňme, že přístupnější e-shop má větší šanci oslovit více zákazníků (senioři, lidé se zhoršeným zrakem apod.) a vylepšit SEO (jasnější struktura a nadpisy vyhovují Google) . Investice do přístupnosti se tedy může vrátit vyššími tržbami a klidnější hlavou, protože minimalizuje riziko sankcí.