Přístupnost webu: Povinnost, která se vyplatí. Jak se připravit na Evropský zákon o přístupnosti?

Blíží se termín 28. června 2025, kdy v celé Evropské unii vstoupí v platnost Evropský zákon o přístupnosti (EAA). Tato směrnice radikálně mění pravidla hry pro digitální služby a produkty, které jsou určeny spotřebitelům. Pokud podnikáte v EU, nebo sem své služby a produkty dodáváte, je velká šance, že se vás nové požadavky dotknou. Nejde však jen o další regulaci; digitální přístupnost je dnes klíčovou investicí do budoucnosti vašeho podnikání.

Proč je přístupnost důležitější, než si myslíte?

Evropa má ohromnou populaci lidí s handicapem – podle různých odhadů 15 až 27 % obyvatel EU, tedy až 100 milionů lidí, žije s nějakým typem zdravotního omezení. K tomu se přidávají senioři nebo lidé s dočasnými indispozicemi (například se zlomenou rukou nebo dočasnou ztrátou sluchu). Když je váš web či aplikace nepřístupná, je to pro ně, jako by vůbec neexistovala.

Firmy, které přístupnost prioritizují, na tom vydělávají. Studie ukazují, že společnosti s inkluzivním přístupem dosahují výrazně vyšších příjmů a zisků. Přístupný web například vede ke zvýšení konverzních poměrů a snížení míry opuštění stránek. Příklady jako Rohlík.cz v Česku, který se stal průkopníkem v přístupnosti, ukazují, že to funguje: nevidomý tester u nich dokončil nákup stejně rychle jako běžný uživatel. Apple je celosvětovým lídrem v oblasti dostupných technologií nejen proto, že je to správné, ale protože mu to otevírá dveře k milionům uživatelů.

Kromě rozšíření zákaznické základny a zlepšení uživatelské zkušenosti pro všechny (třeba titulky u videí, původně určené pro neslyšící, dnes běžně využíváme v hlučném prostředí), přístupnost posiluje i pověst vaší značky. Dnešní spotřebitelé si všímají hodnot firem. A co je neméně důležité, předcházíte soudním sporům a vysokým pokutám, které mohou dosáhnout až 10 milionů korun. Google navíc penalizuje weby s nedostatečnou přístupností, což ovlivňuje vaše SEO a zvyšuje náklady na reklamu.

Koho se zákon týká?

Zákon cílí především na služby a výrobky určené spotřebitelům (B2C sektor). To zahrnuje široké spektrum firem, například:

• Služby: e-shopy, poskytovatelé elektronických komunikačních služeb (e-mail, operátoři), streamovací platformy (Netflix, YouTube), banky, pojišťovny, platformy pro prodej e-knih a aplikací, cestovní služby, informační služby dopravců.
• Produkty: počítače, tablety, notebooky (včetně operačních systémů), bankomaty, kiosky, čtečky e-knih, telefony.

Existují však i výjimky. Zákon se nevztahuje na mikropodniky, tedy ty s méně než 10 zaměstnanci A ročním obratem do 2 milionů EUR. Dále můžete žádat o výjimku, pokud by splnění požadavků představovalo „nepřiměřenou finanční nebo technickou zátěž“ či „zásadní změnu služby/produktu“. V takovém případě musíte vypracovat posouzení, archivovat dokumentaci a informovat o výjimce Českou obchodní inspekci (nebo příslušný dozorový úřad).

Co znamená „přístupný web/aplikace“?

Základní principy přístupnosti, vycházející z mezinárodních standardů WCAG (Web Content Accessibility Guidelines), znamenají, že vaše služba nebo produkt musí být:

• Ovladatelná: Bez použití myši, jen klávesnicí nebo hlasem.
• Srozumitelná: Pro lidi se zrakovým, sluchovým nebo kognitivním omezením.
• Kompatibilní: Spolupracuje s asistenčními technologiemi, jako jsou čtečky obrazovky nebo zvětšovací nástroje.
• S alternativními obsahy: Obrázky mají alternativní texty, videa titulky, zvukové záznamy přepisy.
• Uživatelsky přívětivá: Používá dostatečný kontrast, má velká tlačítka a srozumitelné ovládání, nevyžaduje zbytečně rychlé reakce nebo jemnou motoriku.

Klíčové oblasti pro implementaci přístupnosti na webu a v aplikacích

Pro programátory, designéry a obsahové tvůrce je důležité zaměřit se na tyto prvky:

1. Klávesnicová navigace a focus stavy: Každý interaktivní prvek (tlačítka, odkazy, formulářová pole) musí být plně ovladatelný klávesnicí (Tab, Shift+Tab, šipky, Mezerník, Enter). Uživatel musí vždy jasně vidět, který prvek je aktuálně aktivní – tzv. „focus styl“, což je často orámování nebo zvýraznění prvku. Vyhněte se situacím, kdy se uživatel „uvězní“ v části stránky (keyboard trap).
2. Formuláře:
   • Popisky polí: Nikdy nespoléhejte jen na placeholder. Pole by mělo mít vždy trvalý, viditelný a popisný štítek, který je správně spárován s inputem.
   • Chybová hlášení: Musí být jasná, srozumitelná a přístupná čtečkám obrazovky. Ideálně shrnutá na začátku formuláře s odkazy na konkrétní chybná pole.
   • Automatické doplňování: Využívejte autocomplete pro běžné údaje (jméno, adresa).
   • Seskupování: Použijte fieldset a legend pro logické skupiny souvisejících polí (např. dodací adresa).
3. Barevný kontrast: Zkontrolujte kontrast textu a pozadí, stejně jako ikon a rámečků interaktivních prvků. WCAG standardy vyžadují minimální kontrastní poměr 4.5:1 pro běžný text a 3:1 pro velký text nebo grafické prvky. Barva nesmí být nikdy jediným nositelem informace (např. červené políčko pro chybu bez textového popisku).
4. Velikost textu a responzivita: Dbejte na minimální velikost písma (obecně se doporučuje 16px pro běžný text, minimálně však 13px). Váš web musí být čitelný a funkční i při zvětšení textu na 200 % nebo při zobrazení na úzkém displeji (šířka 320px) bez nutnosti horizontálního posunu.
5. Interaktivní prvky a rozestupy: Klikací a dotykové plochy by měly být dostatečně velké (min. 7x7mm, ideálně 24x24px pro dotyk) a mít dostatečné rozestupy (min. 2mm), aby se zabránilo nechtěným kliknutím, zejména na mobilních zařízeních.
6. Obrázky a média: Každý smysluplný obrázek musí mít alternativní text (alt text), který popisuje jeho obsah. Dekorativní obrázky by měly mít prázdný alt text (alt=""). Videa musí mít titulky a ideálně i audio popis, zatímco zvukové nahrávky by měly mít textové přepisy. Nikdy nepovolujte automatické přehrávání médií bez možnosti vypnutí/pauzy.
7. Sémantická struktura obsahu: Používejte správné HTML elementy. Nadpisy (<h1> až <h6>) by měly tvořit logickou hierarchii a popisovat strukturu stránky, nikoli jen vizuálně. Mějte pouze jeden <h1> na stránku, který jasně identifikuje hlavní téma. Tabulky používejte pro tabulková data a správně označte jejich záhlaví a popisky.
8. Přeskakovací odkazy (Skip links): Umožněte uživatelům rychle přeskočit opakující se navigační prvky a dostat se přímo k hlavnímu obsahu. Tento odkaz by měl být viditelný ve chvíli, kdy na něj uživatel zaostří klávesnicí.
9. Pop-upy a modální okna: Musí být plně ovladatelná klávesnicí. Fokus uživatele by se měl při otevření okna přesunout dovnitř a zamezit interakci s pozadím. Musí mít jasné a přístupné tlačítko pro zavření.
10. Upozornění a dynamický obsah: Statusové zprávy (např. o úspěšném odeslání formuláře nebo chybě) by měly být oznámeny asistenčním technologiím, i když na ně není přímo fokus. Dynamické prvky, jako jsou karusely nebo automaticky aktualizované zprávy, musí mít možnost pozastavení nebo zastavení.

Jak otestovat přístupnost svého webu?

Přístupnost by neměla být jednorázovým projektem, ale průběžným procesem. Doporučujeme kombinaci těchto testovacích metod:

1. Manuální testování klávesnicí: Odpojte myš a zkuste ovládat celý web jen pomocí klávesnice. Dostanete se ke všem interaktivním prvkům? Je jasné, kde se nacházíte? Zvládnete vyplnit formuláře a provést klíčové akce? Tento jednoduchý test odhalí drtivou většinu problémů.
2. Automatizované nástroje: Využijte bezplatné nástroje jako WAVE nebo vestavěný Lighthouse v prohlížeči Chrome. Tyto nástroje dokážou rychle identifikovat běžné technické chyby, jako jsou chybějící alt texty nebo nedostatečný kontrast.
3. Expertní audity a testování s uživateli: Pro komplexní zhodnocení a odhalení skrytých problémů se obraťte na odborníky na přístupnost, ideálně včetně testerů s různými typy postižení. Jejich „živá zkušenost“ je neocenitelná.

Závěr: Přístupnost je strategická investice

Evropský zákon o přístupnosti není jen byrokratickou zátěží, ale příležitostí pro digitální transformaci vašeho podnikání. Díky přístupnosti rozšíříte svou zákaznickou základnu, zlepšíte uživatelskou zkušenost pro všechny, posílíte svou značku a zároveň snížíte právní rizika.

Nenechte se zaskočit blížícím se termínem. Začněte s auditem svých digitálních produktů, proškolte své týmy v principech inkluzivního designu a implementujte klíčové změny. Zaveďte průběžnou kontrolu přístupnosti a zvažte jmenování „Accessibility Championa“ ve vašem týmu. Přístupný web není jen otázkou souladu se zákonem, ale ukazuje, že vám záleží na každém zákazníkovi. A to se vždycky vyplatí.

Zdroje

• https://www.ilincev.com/pristupnost-webu
• https://pristupne-stranky.cz/zakon-a-standardy/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/TR/WCAG21/