Přístupnost webů, e-shopů a mobilních aplikací dle normy WCAG 2.2

Co to je? Mělo by mě to zajímat?

Zkuste si jednoduchý test: Zavřete oči nebo si dejte jas obrazovky na minimum či rozostřete zrak a zkuste na svém e-shopu nakoupit. Nebo to zkuste bez myši, pouze s použitím klávesnice. Nejde to? 

Od 28. června 2025 začne platit český zákon o přístupnosti (424/2023 Sb.) dle EU směrnice o přístupnosti. Tato směrnice stanovuje pravidla, která mají zajistit, že weby, eshopy či aplikace budou použitelné pro všechny, tzn. i pro osoby se zdravotním handicapem. 

Nařízení o přístupnosti webů a e-shopů nemusí být jen další norma, kterou je třeba splnit, ale může to být i příležitost, jak uživatelům se zdravotním postižením umožnit používání vašeho webu či aplikace. Zároveň zlepší uživatelský zážitek i všem ostatním, včetně starších lidí, uživatelů s dočasnými omezeními či uživatelům mobilních zařízení.

Představte si zákazníka, který si nemůže přečíst text na vašem webu kvůli špatnému kontrastu nebo se ztrácí v chaotické navigaci. Co udělá? Odejít ke konkurenci je pro něj často jediná možnost.

Pojďme se podívat, co Evropský akt o přístupnosti znamená, a jak se na změny připravit.

Týká se to i mého e-shopu?

Krátká odpověď? Pravděpodobně ano!

Nařízení o přístupnosti se vás týká, pokud prodáváte zboží nebo služby online a nepatříte mezi tzv. mikropodniky – méně než 10 zaměstnanců a roční obrat menší než 2 miliony EUR. Takové společnosti nemusí toto nařízení řešit, všichni ostatní ano.

Podrobnosti ohledně právní definice, povinností a případných postihů najdete v tomto článku, který rozebírá celé téma z právního pohledu.

Co tyto změny obnáší?

Český zákon o přístupnosti vycházející z normy WCAG 2.2 stojí na čtyřech klíčových principech: vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Zní to možná technicky, ale ve skutečnosti jde o základní věci, které zpříjemní nákup všem uživatelům.

  • Vnímatelnost:
    Obsah musí být dostupný pro všechny uživatele. To znamená dostatečný kontrast textů, správně popsané obrázky či titulky k videu.
  • Ovladatelnost:
    E-shop musí jít pohodlně ovládat myší, klávesnicí i hlasem.
  • Srozumitelnost:
    Navigace a obsah musí být jasné a předvídatelné. Vše by mělo fungovat tak, jak zákazník očekává. Ocení to nejen lidé s kognitivními potížemi, ale každý, kdo nakupuje ve spěchu nebo v cizím jazyce.
  • Robustnost:
    E-shop musí fungovat spolehlivě na všech zařízeních a prohlížečích. E-shop by měl být kompatibilní se čtečkami obrazovky a bez problémů běžet jak na nejnovějším iPhonu, tak i na méně výkonných zařízeních.

Zavedení těchto principů proto znamená nejen technické úpravy, ale i změny v designu. Výsledkem zavedení těchto principů je web či e-shop, kde se zákazníci neztratí, nenarazí na překážky a s větší pravděpodobností dokončí svůj nákup.

Pro koho a proč?

Možná vás překvapí, kolik lidí se denně setkává s bariérami, které jim komplikují online nakupování. Proto je důležité, aby byl váš e-shop přívětivý a použitelný pro každého zákazníka – bez výjimky.

  • Osoby se zdravotním postižením:
    Pro nevidomé, neslyšící nebo uživatele s omezenou pohyblivostí může být přístupný e-shop jedinou možností, jak samostatně nakoupit. Představte si například, že nevidíte obrázky produktů nebo nemůžete kliknout myší.
    Jak byste ve vašem e-shopu dokončili nákup?
  • Senioři:
    Stárnoucí populace znamená stále více zákazníků, kteří potřebují přehledný web, větší písmo a jednoduchou navigaci – splněním principů přístupnosti jim usnadněte nakupování.
  • Lidé s dočasným omezením:
    Nastávají situace, kdy nelze používat web běžným způsobem. Zákazník má zlomenou ruku, bolí ho oči z dlouhého koukání do monitoru, nebo je v hlučném prostředí… Takových případů je mnoho a e-shop by měl být snadno použitelný i v těchto situacích.
  • Lidé se specifickými potřebami:
    Někteří zákazníci potřebují více času na čtení nebo se hůře soustředí. Proto musí být e-shop přehledný a bez rušivých prvků.
  • Uživatelé mobilních zařízení:
    Mobil používáme prakticky všude – v MHD, na lavičce v parku nebo cestou z práce. Text musí být čitelný i za slunečného dne a tlačítka dost velká pro pohodlné ovládání.
  • Lidé s pomalejším připojením nebo starším zařízením:
    Ne každý má nejnovější telefon a rychlý internet. Rychlý a dobře optimalizovaný web, který funguje i na slabším připojení, je pro tyto zákazníky klíčový.

Na co se zaměřit nejdříve?

Než se pustíte do úprav, zjistěte, jak na tom váš e-shop skutečně je. Bezplatné nástroje jako WAVE nebo Lighthouse vám během pár minut ukážou základní problémy s přístupností.

  • Obrázky a videa:
    Každý vizuální prvek by měl mít textovou alternativu.
  • Nákupní proces:
    Správně označte a pojmenujte všechna tlačítka a formulářová pole.
  • Chybové hlášky:
    Když zákazník udělá chybu, musí okamžitě vědět, co je špatně a jak to opravit.
  • Kontrast:
    Texty a obrázky musí mít dostatečný kontrast vůči pozadí, aby byly dobře čitelné.
  • Ovládání:
    Ujistěte se, že celý nákupní proces lze dokončit jen pomocí klávesnice.
  • Struktura:
    Jasná navigace a logické uspořádání obsahu zlepší orientaci.

Kdy začít?

Pokud jste ještě s přístupností nezačali, doporučujeme začít řešit ihned. Postupujte krok za krokem od podrobného seznámení se s problematikou a testu vašeho webu či aplikace v nástrojích zmíněných výše, přes konzultace s vaším vývojářem, až po konkrétní úpravy vašeho webu.

Až budete mít jasno o provedených změnách, sepište vy nebo váš právník informace o přístupnosti. Myslete však na to, že právníkovi byste to měli „předpřipravit”. Můžete k tomu využít například naše partnery z eLegal advokátní kancelář, kteří se přístupnosti věnují.

Na této URL adrese je kompletní seznam doporučených změn: www.w3.org/WAI/WCAG22/

Co když to nechci řešit?

Nechte si od nás udělat audit, výsledek předejte svému vývojáři a je to.

Připravíme vám audit přístupnosti vašeho webu, e-shopu či aplikace. Sepíšeme, kde máte nedostatky s ohledem na přístupnost a hlavně sepíšeme konkrétní návrhy, jak nalezené problémy vyřešit. Tento dokument v podstatě slouží jako manuál pro vývojáře nebo správce webu.

Kolik to bude stát a jak dlouho to bude trvat?

Zde hodně záleží na vašem technickém řešení. Kolik stojí audit se dozvíte zde a cena za jednotlivé úpravy potom závisí na hodinové sazbě vašeho vývojáře a především na vaší platformě.

Zpracování úprav potom bude trvat od jednotek dnů po jednotky týdnů. V případě komplexních webů a aplikací na míru i déle.

Závěr

Přístupnost není překážka – je to příležitost. Příležitost oslovit více zákazníků a nabídnout jim lepší služby než konkurence. Nejste si jistí, kde začít? Ozvěte se nám – společně zjistíme, jak je na tom váš e-shop a co je potřeba upravit.

O autorovi

Jakub Bukáček

Jakub Bukáček

UX/UI designer

Jsem ten, kdo se nepozorovaně plíží mezi pixely a stará se o to, aby vaše digitální produkty byly srozumitelné, intuitivní a snadno použitelné. Mám za sebou více než 20 let zkušeností a spoustu úspěšných projektů, co šlapou jak švýcarské hodinky. Tak co, máte pro mě nějaký UX oříšek?

Přihlášení do klubu výzkumníků

Podělíme se o naše zkušenosti a budeme vás pravidelně zásobovat zajímavostmi ze světa UX. Dozvíte se například:

Praktické rady, jak si sami otestovat web, e-shop či aplikaci

Novinky, trendy a zajímavosti ze světa UX

Informace o námi pořádaných UX workshopech

Adresa

Náměstí Smiřických 29
Kostelec nad Černými lesy, 281 63

Zobrazit na mapě

Provozuje: SECTOR 31 s.r.o. IČ: 26416697 DIČ: CZ26416697 Fakturační adresa: Náměstí Smiřických 29, Kostelec nad Černými lesy, 281 63

Ochrana osobních údajů