1. Pořadí zaměření: lišta není modální okno

Většina lišt se chová jako modální okno: po načtení stránky uchvátí zaměření klávesnice, uzamkne rolování a překryje obsah. Pro člověka s klávesnicí nebo odečítačem obrazovky to znamená, že se ke stránce, kvůli které přišel, dostane až poté, co lištu nějak vyřídí. To je špatné pořadí priorit: souhlas s cookies není důvod, proč přišel.

Správná lišta je oblast (region) s vlastním nadpisem, která se v dokumentu nachází brzy, hned za odkazy na přeskočení, ale zaměření na ni nepřesouvá. Uživatel klávesnice ji najde po třech stisknutích Tab, uživatel odečítače obrazovky ji vidí v seznamu oblastí a navíc dostane jednu zdvořilou větu, že lišta existuje a kde je. Stránka zůstává celá použitelná i bez rozhodnutí, protože dokud se nikdo nerozhodl, neukládá se nic kromě nezbytného.

Modální okno má smysl jen tehdy, když bez rozhodnutí opravdu nelze pokračovat. U cookies to neplatí: bez souhlasu se jednoduše nenačtou analytické a marketingové skripty. Kdo trvá na modálním okně, přiznává, že chce souhlas vynutit.

2. Zavřít se dá vždy a odmítnout je stejně snadné jako souhlasit

Dva požadavky, jeden technický a jeden etický. Technický: lištu musí být možné zavřít klávesou Escape a její obsah nesmí být pastí na klávesy (kritérium 2.1.2). Zavření bez rozhodnutí znamená odmítnutí nepodstatných cookies; tak to vyplývá z požadavku na svobodný a aktivní souhlas.

Etická: tlačítka „Přijmout vše“ a „Odmítnout nepodstatné“ musí být stejně viditelná a stejně blízko. Šedé „Odmítnout“ ukryté za tlačítkem „Nastavení“ a za třemi kliky je klamavý vzor (dark pattern), který evropské dozorové orgány včetně Úřadu pro ochranu osobních údajů i Evropského sboru pro ochranu osobních údajů opakovaně označují za neplatný souhlas. Pro uživatele se sníženou pozorností nebo kognitivním znevýhodněním je to navíc bariéra, nejen nepříjemnost.

K zavření patří i to, že lišta nesmí zakrývat zaměřený prvek (kritérium 2.4.11 ve WCAG 2.2). Lišta připnutá ke spodnímu okraji okna překryje každé tlačítko, na které se člověk s klávesnicí dostane na konci stránky. Řešení je jednoduché: dokud je lišta zobrazená, zapíše svou výšku do scroll-padding dokumentu a prohlížeč zaměřený prvek sám odroluje nad ni.

3. Právo změnit názor

Souhlas, který nelze odvolat stejně snadno, jako byl udělen, není souhlas. V praxi to znamená trvalý odkaz nebo tlačítko „Změnit nastavení cookies“, typicky v patičce každé stránky, které otevře tutéž lištu s aktuální volbou. Po zavření se zaměření vrátí na tlačítko, ze kterého uživatel přišel, přesně jako u každého jiného rozbalovacího prvku.

Dvě drobnosti, na které se zapomíná. Za prvé, na zapamatování odmítnutí není potřeba žádná cookie; stačí lokální úložiště prohlížeče. Za druhé, uložená volba by měla mít verzi: když přibude nová kategorie nebo nový nástroj, zvýšíte verzi a lišta se zeptá znovu, místo toho, aby se nový nástroj tiše schoval pod starý souhlas.

Proč nepoužívat plugin

Není to dogma; je to zkušenost z auditů. Pluginy pro správu souhlasů mívají pravidelně tyto problémy:

• Načítávají skripty třetích stran ještě před souhlasem. Samotný plugin bývá skript z cizí domény, který si s sebou nese vlastní cookies a vlastní sledování. Souhlas s cookies se tak získává nástrojem, který je sám porušuje.
• Generická ARIA místo sémantiky. Okno bez nadpisu, tlačítka z prvků div, přepínače bez popisků, aria-hidden na celé stránce, které se po zavření zapomene odstranit. Z odečítače obrazovky se stane tichý web.
• Past na zaměření. Zaměření se uzamkne v liště, ale Escape nefunguje a jediná cesta ven je souhlas.
• Překrývání obsahu a nulová podpora zvětšení. Při 400% zvětšení lišta zabere celou obrazovku a nedá se odrolovat.
• Nedá se zkontrolovat ani opravit. Kód se mění bez vašeho vědomí, hodnocení přístupnosti platí jen do nejbližší aktualizace a chybu, kterou najdete, nemůžete opravit.
• Právní riziko zůstává vaše. Povinnost získat souhlas podle § 89 odst. 3 zákona č. 127/2005 Sb., o elektronických komunikacích (a slovenský § 109 ods. 8 zákona č. 452/2021 Z. z.) a podle nařízení GDPR nese provozovatel webu, ne dodavatel pluginu.

Vlastní lišta je přitom pár desítek řádků: oblast s nadpisem, tři tlačítka, jedna skupina přepínačů a uložení volby. Pokud potřebujete správu souhlasů pro desítky nástrojů, potřebujete především méně nástrojů.

Jak to vypadá v praxi

Na stránce Vzory přístupných komponent je lišta, která splňuje vše výše uvedené, i s klávesovou mapou, oznámeními pro odečítač obrazovky a kódem ke zkopírování. Tento web cookies nepoužívá vůbec, takže lišta je jen ukázka; o to snáz se na ní zkouší.

Kontrolní seznam

• Lišta je oblast s nadpisem, umístěná brzy v dokumentu, bez přesunu zaměření po načtení.
• Stránka je použitelná bez rozhodnutí; před souhlasem se nenačte nic nepodstatného.
• Escape lištu zavře a znamená odmítnutí; klávesnice z ní vždy vyjde.
• „Přijmout“ a „Odmítnout“ jsou rovnocenná tlačítka; žádné přednastavené zaškrtnuté kategorie.
• Lišta nezakrývá zaměřený prvek; obsah za ní lze dorolovat i při 400% zvětšení.
• Volbu lze změnit z každé stránky; po zavření se zaměření vrátí na tlačítko.
• Volba má verzi a při změně kategorií se lišta zeptá znovu.
• Po uložení zazní stavová zpráva, kterou odečítač obrazovky přečte bez přerušení.

Jen žádnou paniku…

V první řadě si ověřte, zda se vás Evropský akt o přístupnosti (EAA) týká. Ale velmi stručně, pokud máte e-shop, mobilní aplikaci, webové stránky, na kterých nabízíte jakékoli služby, nebo zasíláte koncovým spotřebitelům elektronické faktury, EAA se vás týká. Pokud si nejste jistí, ověřte si to naším testem. B2B se EAA netýká, ale pokud nabízíte službu, kterou vaši partneři nabízejí zákazníkům – koncovým spotřebitelům, tak jen přenášíte problém na ně a buď o tyto partnery přijdete, nebo oni začnou přenášet odpovědnost na vás. Vyberte si, co je horší… Pokud nabízíte služby či zboží i v zahraničí, je třeba konzultovat i místní legislativu, protože v některých zemích může být způsob implementace EAA striktnější než u nás.

Proč je přístupnost důležitá? Poslechněte si podcast s námi, který natočil Denník N. Naposledy jsme o přístupnosti mluvili i pro Basta Digital.

Accessibility Doctors

Co všechno musí být přístupné?

Stručně? Všechno. Ale postupně. Důležité je podívat se na celé spektrum poskytované služby a komunikace se zákazníkem. Kromě webové stránky, mobilní aplikace, platebních procesů apod. nezapomeňte ani na:

• zveřejněné dokumenty, především smluvní či obchodní podmínky a jiný právně závazný obsah,
• elektronické faktury,
• návody či instrukce k prodávaným výrobkům a službám,
• přístupnou nápovědu a zákaznickou podporu,
• elektronickou komunikaci jako e-maily s novinkami či příspěvky na sociálních sítích,
• propagační nebo informační videa a podcasty.

Jak si ověřím přístupnost?

Nepotřebujete doktorát z informační vědy (i když my ho máme :-)). K ověření základní přístupnosti vám stačí… odložit myš / vypnout touchpad. Je to nezvyk, ale dokážete se ke všem službám a funkcím na vaší stránce dostat jen s pomocí klávesnice? Dokážete bez myši dokončit nákupní proces, či poslat dotaz přes chatbota? A dává to, jak se pohybujete po stránce bez myši, logický smysl? Gratuluji, právě jste ověřili dva velmi důležité body: ovladatelnost z klávesnice a smysluplné pořadí.

Je to jen začátek, ale pokud jste tímto testem prošli, zbytek už půjde lehčeji. Například rozšíření WAVE vám pomůže rychle identifikovat:

• chyby v kontrastu,
• chybějící popisky k obrázkům (pokud nejde jen o dekorační grafiku či ilustrační obrázky),
• chybějící popisky k polím ve formuláři,
• některé prvky, které nelze ovládat pomocí klávesnice.

Pro důkladnější otestování můžete zkusit Accessibility Insights, které vás provede vybranými body z pravidel WCAG (Pravidla pro přístupnost webového obsahu, najdete je i ve slovenštině v neoficiálním překladu, na kterém jsme se podíleli). Žádný automat však nezkontroluje více než 20 – 30 % z aktuálních požadavků a už vůbec nedokáže zkontrolovat přístupnost podle v EU platné normy EN 301 549 (PDF, 2,232 MB). Neověří, zda jsou použité popisky správné, zda uživatelé před a během vyplňování formulářů mají dostatečné instrukce a zda jsou upozorňováni na chyby srozumitelnou a přístupnou formou, zda je pořadí procházení obsahem skutečně smysluplné apod. Stejně jako řadu nedostatků přehlédnou, často hlásí i mnoho falešně pozitivních nálezů, především pokud používáte obrázky a podkladovou grafiku vkládanou pomocí CSS.

Ultimátním testem je samozřejmě použití asistivní technologie, například NVDA pro Windows, nebo VoiceOver pro MacOS. I Linux má svůj vlastní nástroj, který se jmenuje Orca.

Přístupnost PDF dokumentů vám pomůže ověřit buď placená verze Adobe Acrobat Pro, nebo zdarma dostupný PDF Accessibility Checker PAC 2026 (jen pro Windows).

Je toho na vás příliš? Napište nám a společně se na to podíváme!

Při rozhodování o tom, co se bude nebo nebude realizovat, je užitečné myslet i na to, jaké výhody nám jako firmě může přístupnost přinést. Existuje totiž množství benefitů, díky kterým může být přístupnost pro firmu přidanou hodnotou a může zlepšit její konkurenceschopnost.

Přístupnost pomáhá získat více zákazníků a posílit značku

Přístupnější digitální řešení znamenají větší zákaznickou základnu, protože osoby se zdravotním postižením, senioři nebo lidé s dočasným omezením (např. se zlomenou rukou nebo krátkodobě zhoršeným zrakem) budou moci služby a výrobky snadněji využívat. Odstraněním bariér si získáme jejich důvěru a spokojenost s používáním našich výrobků a služeb. Firmy, které se včas přizpůsobí novým požadavkům, minimalizují riziko právních sporů a sankcí, včetně finančních pokut, a zároveň si vybudují pozitivní image společensky odpovědné značky.

Přístupnost zlepšuje uživatelskou zkušenost pro všechny

Přístupnost není jen o splnění požadavků pro lidi se zdravotním postižením – zlepšuje celkovou uživatelskou zkušenost (UX) pro každého. Když je webová stránka, mobilní aplikace nebo digitální výrobek navržen s důrazem na jednoduchost, intuitivnost a použitelnost, všichni uživatelé z toho profitují. Jaká konkrétní vylepšení přístupnost přináší?

• Srozumitelnější navigace – Jasné a konzistentní menu, logické uspořádání obsahu a možnost ovládání klávesnicí nebo hlasovými příkazy usnadňují používání pro každého, nejen pro lidi se zdravotním postižením.
• Lepší barevný kontrast a čitelnost – Správné nastavení barevných kontrastů, dostatečně velké písmo a přehledná typografie snižují únavu očí a zlepšují čitelnost obsahu pro seniory i lidi s dočasně slabším zrakem (např. unavené oči při práci v noci), jakož i na obrazovkách vystavených přímému slunečnímu světlu či při projekci na velké plátno, kde slabý barevný kontrast může výrazně snížit čitelnost.
• Jednodušší formuláře a interakce – Dobře navržené formuláře se zřetelnými popisky, správným označením chyb a možností automatického doplňování údajů zlepšují efektivitu a snižují frustraci uživatelů.
• Srozumitelnější obsah – Používání jednoduchého jazyka, krátkých vět a dobře strukturovaného textu pomáhá nejen lidem s kognitivními poruchami, ale i všem uživatelům, kteří čtou na mobilních zařízeních nebo nejsou rodilými mluvčími jazyka stránky.
• Přizpůsobitelnost pro různá zařízení – Přístupný design je responzivní, což znamená, že se správně zobrazí na mobilech, tabletech i desktopech. To vede k lepšímu uživatelskému komfortu a zabraňuje odchodu návštěvníků ze stránky. Zároveň je responzivní design důležitý i z hlediska SEO, protože od 5. července 2024 Google crawler indexuje jen ty webové stránky, které jsou responzivní.

Přístupnost a SEO: Lepší viditelnost ve vyhledávačích

Jedním z méně diskutovaných, ale velmi důležitých benefitů přístupnosti je pozitivní vliv na SEO (optimalizaci pro vyhledávače). Když je webová stránka přístupná, často zároveň splňuje i klíčové SEO požadavky, které zlepšují její pozici v organických výsledcích vyhledávání. Jak konkrétně přístupnost ovlivňuje SEO?

• Lepší struktura obsahu – Použití správně označených nadpisů (H1, H2, H3 atd.), logická hierarchie informací a dobře organizované sekce pomáhají vyhledávačům lépe pochopit obsah stránky a zvýšit její relevanci.
• Alternativní texty pro obrázky – Vyhledávače nemohou „vidět“ obrázky, ale dokážou přečíst jejich alternativní texty. Správně vyplněné alternativní texty pomáhají nejen nevidomým uživatelům, ale i při zobrazování stránky ve vyhledávačích.
• Rychlejší načítání stránek – Optimalizace pro přístupnost často zahrnuje odstranění zbytečných prvků, čímž se zrychluje načítání stránky. Google považuje rychlost načítání za důležitý faktor při hodnocení stránek ve výsledcích vyhledávání.
• Mobilní přístupnost = vyšší hodnocení v Google – Jelikož Google prosazuje mobile-first indexing (hodnocení podle mobilní verze stránky), responzivní design a přístupnost pro dotyková zařízení mohou výrazně ovlivnit SEO skóre.
• Jasnější a srozumitelnější text – Používání jednoduchého jazyka a krátkých odstavců zlepšuje čitelnost nejen pro uživatele, ale i pro vyhledávače, které tak dokážou lépe pochopit obsah stránky.
• Srozumitelné hypertextové odkazy i mimo kontext – Popisné a jednoznačné texty hypertextových odkazů (např. „Přečtěte si přehled změn WCAG 2.2“ namísto „Zobrazit více“) zlepšují orientaci na webové stránce a pomáhají vyhledávačům lépe pochopit propojení mezi stránkami.

Připravenost na budoucnost digitálního trhu

S blížícím se termínem účinnosti EAA je klíčové, aby organizace začaly s úpravami svých digitálních řešení co nejdříve. Implementace opatření v oblasti přístupnosti vyžaduje důkladné plánování, testování a postupné zavádění změn, zejména v případě rozsáhlých digitálních platforem. Čím dříve firmy s touto implementací začnou, tím jednodušší a nákladově efektivnější bude jejich přizpůsobení se novým normám.

Důsledná příprava umožňuje nejen splnit zákonné požadavky, ale i získat konkurenční výhodu a podpořit inovace v digitálním prostředí. Tím se mohou firmy odlišit od konkurence a přispět k vytvoření inkluzivnější digitální společnosti, kde má každý stejný přístup k informacím a službám.

S přípravou a plánováním implementace požadavků na přístupnost vám umíme pomoci, přečtěte si více v části Služby.