Přejít na obsah
Pandus
cs Změnit jazyk
Menu

Proč overlaye přístupnosti nefungují

· Čtení na 4 min

Overlaye přístupnosti nefungují, protože se snaží opravit web zvenčí, v prohlížeči návštěvníka, zatímco bariéry jsou v kódu a obsahu samotného webu. Mohou změnit vzhled stránky, ale nedokážou spolehlivě opravit chybějící popisky, nefunkční ovládání klávesnicí nebo nic neříkající popisy obrázků. Regulátoři i data o žalobách ukazují stejným směrem.

Co je overlay

Overlay je kus JavaScriptu, který vložíte na web. Obvykle dělá dvě věci:

  1. Přidá panel nástrojů s možnostmi jako větší písmo, vysoký kontrast, písmo pro lidi s dyslexií, zastavení animací nebo čtecí maska.
  2. Provádí automatické „opravy“, často propagované jako AI: odhaduje alternativní texty obrázků, přidává atributy ARIA, mění chování fokusu.

Nabídka láká: jeden řádek kódu, měsíční poplatek a hotovo.

Proč panel moc nepomůže

Lidé, kteří potřebují větší písmo, vysoký kontrast nebo omezení pohybu, tato nastavení obvykle už mají – v operačním systému, prohlížeči nebo asistivní technologii – a používají je na každém webu, nejen na vašem. Samostatný panel na každém webu, pokaždé jiný, musí objevovat a učit se znovu. Pro uživatele čteček obrazovky je panel další věc, kterou musí obejít.

Proč automatické opravy nestačí

Těžké problémy přístupnosti se týkají významu a chování:

  • Alternativní text musí říct, co je na fotce produktu podstatné. Algoritmus odhadne „bota“, ale nemůže vědět, že důležitý detail je „semiš, vínová, široký podpatek“.
  • Popisky formulářových polí musí odpovídat tomu, na co se e-shop skutečně ptá. Odhad podle zástupného textu selže, když je zástupný text příklad, a ne popisek.
  • Ovládání klávesnicí závisí na tom, jak šablona staví menu, filtry a modální okna. Přeskládání fokusu zvenčí často vytvoří nové pasti.
  • Vlastní widgety – výběr velikosti, posuvníky, mini košíky – potřebují správné role a stavy. Přidání ARIA bez pochopení widgetu ho může zhoršit: špatná ARIA říká asistivní technologii něco nepravdivého.

A protože se opravy aplikují za běhu v prohlížeči, zdrojový kód, který vidí jiné nástroje i mnoho uživatelů, zůstává stejný.

Jak rozhodla FTC

Dne 22. dubna 2025 americká Federální obchodní komise (FTC) definitivně schválila rozhodnutí proti společnosti accessiBe, jednomu z nejznámějších dodavatelů overlayů. Společnost musela zaplatit 1 milion dolarů a nesmí tvrdit, že její automatizované produkty dokážou uvést jakýkoli web do souladu s WCAG, pokud pro to nemá důkazy (tisková zpráva FTC). Případ je připomínkou pro každého dodavatele v tomto oboru, včetně nás: tvrzení o přístupnosti musí být pravdivá.

Co ukazují data o žalobách

Overlaye se často prodávají jako ochrana před žalobami. Čísla to nepotvrzují. Zpráva UsableNet za rok 2025 zjistila, že weby s overlayem byly v USA přesto žalovány – v rozsahu 95 až 155 žalob měsíčně.

V EU stanoví evropský akt o přístupnosti požadavky na službu – e-shop, aplikaci, pokladnu. Úřady kontrolují službu, ne to, zda je nainstalovaný widget.

Co říkají ti, kterých se to týká

Řada zastánců práv lidí s postižením i odborníků na přístupnost overlaye veřejně kritizuje. Když jsou lidé, kterým má produkt údajně sloužit, vůči němu skeptičtí, stojí za to brát to vážně.

Co funguje místo toho

Alternativa je méně kouzelná, ale spolehlivá:

  1. Proskenujte web, abyste našli problémy, které automatika odhalí: chybějící atributy alt, pole bez popisků, tlačítka bez názvu, nízký kontrast, neurčený jazyk. Náš skener to dělá každý týden; jde o automatickou kontrolu, ne úplný audit, a nejde o právní poradenství.
  2. Opravte je v šabloně a obsahu. Většina problémů sedí v několika šablonách. Opravte šablonu produktu jednou a zlepší se všechny produktové stránky.
  3. Otestujte, co automatika nezvládne: projděte pokladnu jen klávesnicí, ověřte, že je vidět fokus, přečtěte si své alternativní texty nahlas. Provede vás náš checklist WCAG 2.2.
  4. Proškolte editory obsahu, aby psali alternativní texty a správně používali nadpisy.
  5. Monitorujte po každé aktualizaci, protože šablony a aplikace se mění.
  6. Zveřejněte poctivé informace o přístupnosti a jejích známých omezeních. Viz průvodce prohlášením o přístupnosti.

Jak posoudit kteréhokoli dodavatele přístupnosti

Položte pár jednoduchých otázek – nám stejně jako komukoli jinému:

  • Mění produkt kód a obsah vašeho webu, nebo jen přidává vrstvu navrch?
  • Říká dodavatel jasně, co automatické testování nenajde?
  • Jsou tvrzení konkrétní a ověřitelná, nebo slibují právní výsledky?
  • Můžete výsledky exportovat a pracovat na nich dál bez dodavatele?

Důvěryhodná odpověď přiznává omezení. Ta naše: náš skener najde část problémů WCAG 2.2 AA, vysvětlí je a sleduje je v čase – opravy se dějí na vašem webu.

„Za overlay už platíme. Co teď?“

Nemusíte ho odstranit hned dnes. Ale nespoléhejte na něj jako na strategii přístupnosti. Pokud to jde, proskenujte web s vypnutým overlayem, abyste viděli skutečný stav kódu. Opravte problémy a pak rozhodněte, zda panel návštěvníkům ještě něco přináší. Mnoho firem ho nakonec zruší, jakmile jsou základní problémy pryč.

Poctivá verze „rychle“

Skutečná práce na přístupnosti typického e-shopu nemusí být obří projekt. První kolo – popisky, kontrast, názvy tlačítek, alternativní texty hlavních produktů, ovládání menu a pokladny klávesnicí – většinou znamená opravit několik šablon. Není to jeden řádek kódu, ale vydrží to.

Více: overlaye vs. skutečné opravy, 10 nejčastějších chyb v e-commerce a pro weby v USA soulad webu s ADA. Začněte bezplatnou kontrolou.

Další články