Přístupnost webu není jen povinnost, ale konkurenční výhoda. Podívejte se, jak ji zlepšit a nepřicházet o zákazníky. Týká se téměř každého třetího uživatele.
Obslužte všechny
Představte si, že jste po úrazu a máte problém s jemnou motorikou. Zjistíte, že váš oblíbený e-shop nejde ovládat jen klávesnicí. Nebo zkuste na chvíli simulovat barvoslepost – z oranžového tlačítka „Koupit teď“ se stane šedý flek.
Děsivé, ale pro nemálo lidí reálné.
Přístupnost webů není jen téma pro hrstku specialistů a pár zákonů EU. Je to základní schopnost vašeho webu obsloužit všechny uživatele – bez ohledu na jejich fyzické limity, věk, zařízení nebo momentální situaci.
Pokud nemáte přístupnost vyřešenou, podle rozsáhlé studie WebAIM Screen Reader User Survey více než 70 % uživatelů se zrakovým postižením opustí web – často už po první minutě.
A teď zkuste odhadnout, kolik peněz zanechají u konkurence, které to funguje?
Co vlastně znamená přístupnost?
Přístupnost (accessibility) je schopnost webu být použitelný pro co nejširší spektrum lidí. A pozor. Nejde jen o nevidomé nebo lidi s hendikepem.
Patří sem i ti, kdo:
-
mají dočasné omezení (zlomená ruka, únava),
-
používají starší nebo méně výkonná zařízení,
-
surfují s vypnutými obrázky kvůli datům,
-
nebo prostě stárnou.
Tady si neodpustím vlastní postřehy:
-
Mezi TOP mobily patří kategorie do 5 000 Kč. Proč? Je to zkrátka cenová kotva, se kterou jsme OK. Tyto kousky rozhodně nemají vysoké rozlišení, 16 GB RAM…
-
Starší populace přibývá, lidstvo se má stále líp, potvrdit si to můžete třeba ve Faktomluvě.
Jak říká Steve Krug v knize Don’t Make Me Think:
„Neděláme weby jen pro mladé designéry s nejnovějším iPhonem. Děláme je pro lidi – a ti jsou všelijací.“
Proč by vás to mělo zajímat?
Možná si říkáte:
„No dobře, ale nás se to netýká. Naši zákazníci přece nejsou nevidomí programátoři.“
Chyba lávky. Tady je několik argumentů.
Týká se to každého třetího uživatele
Podle WHO má přibližně 15 % světové populace nějaké postižení. V EU je to kolem 20 % lidí, kterým nepřístupné weby komplikují život. A když připočtete dočasná omezení a stárnutí, dotýká se to téměř každého třetího uživatele.
Přístupnost jako konkurenční výhoda
Podle Nielsen Norman Group je přístupnost propojená s celkovou použitelností. Když web dobře funguje pro někoho s omezením, obvykle funguje lépe pro všechny. Rychlejší orientace, srozumitelný obsah, méně frustrace = to je víc objednávek. Jednoduchý web vám vydělá víc.
Vliv na SEO a konverze
Google má přístupnost hodně rád. Přístupné weby mají tyto výhody pro SEO — a komplexní SEO optimalizace přístupnost vždy zahrnuje jako součást technického základu:
-
Lepší indexaci (alternativní texty obrázků pomáhají pochopit obsah, víc píšu níže).
-
Vyšší hodnocení kvality stránek (pomůže i v rámci PPC reklam).
-
Nižší míru odchodů.
Například Baymard Institute ve své studii Accessibility Guidelines zjistil, že zlepšení klávesnicové navigace a kontrastu dokáže zvýšit konverzní poměr o 10–15 %.
V EU povinnost, už byl soud
Možná vás překvapí, že přístupnost je v některých případech ze zákona povinná. Od června 2025 začala v EU platit Směrnice o přístupnosti výrobků a služeb (European Accessibility Act).
A co hrozí? Kromě pokuty také soudní spor – viz případy jako Domino’s Pizza vs. Guillermo Robles, kde firma prohrála, protože její web nebyl přístupný pro čtečky.
Takže otázka není „jestli“, ale „kdy“ budete přístupnost řešit.
Koho se to týká
Konkrétně jde o firmy a weby, které:
-
Mají více než 10 zaměstnanců,
-
mají obrat přes 2 miliony EUR ročně,
-
nabízejí vybrané digitální produkty a služby.
Mezi tyto služby a produkty patří například:
-
E-shopy a digitální tržiště
-
Lead-gen weby
-
Platformy s e-knihami a audioknihami
-
Bankovní služby online
-
Služby elektronických komunikací
-
Audiovizuální mediální služby (streaming)
-
Terminály samoobslužných zařízení (např. platební kiosky)
Malé firmy pod limitem 10 zaměstnanců a 2 mil. EUR mají výjimku, pokud pro ně povinné úpravy znamenají nepřiměřenou zátěž – to je ale nutné doložit.
Co nejčastěji zabíjí přístupnost
Přístupnost webových stránek umí pokazit i zdánlivé drobnosti. Většina problémů vzniká ne proto, že byste byli líní, ale proto, že tvůrci webu prostě nemyslí na všechny scénáře.
Níže pár zabijáků přístupnosti, které se objevují skoro všude. Vidím je fakt denně.
Nízký kontrast textu
Světle šedé písmo na bílém pozadí?
Designéři si libují, ale lidé s horším zrakem (a že jich je) odchází.
Podle WebAIM Contrast Survey více než 80 % uživatelů se zrakovým omezením považuje nedostatečný kontrast za hlavní překážku čitelnosti.
Tip: Otestujte kontrast pomocí WebAIM Contrast Checker.
Chybějící alternativní texty obrázků
Bez alternativního textu je pro čtečky obrázek nebo fotka jen díra.
Například CTA Přidat do košíku ve formě ikony bez popisu znamená pro uživatele s čtečkou obrazovky totální blok.
Nepoužitelná klávesová navigace
Mnoho lidí nepoužívá myš – buď z důvodu hendikepu, nebo prostě proto, že pracují jen s klávesnicí. Nevím, jak to dělají, já bych si to nedokázal představit, ale je to tak.
Pokud nemáte správně nastavenou logickou posloupnost tabulátoru, web je pro ně nekonečný labyrint.
Podle Baymard Institute jen 43 % velkých e-shopů nabízí plně funkční navigaci přes klávesnici.
Bylo by dobré, abyste mezi ně patřili také vy.
Divoké formuláře bez popisků
Formuláře jsou nejčastější konverzní bod – a taky největší problém.
Časté chyby: a) Neoznačené políčko (bez labelu), b) Chybějící instrukce, c) Žádná hláška při chybě.
Nepředvídatelné chování
Představte si, že vyplňujete formulář a při zaškrtnutí políčka vám vyskočí formulář přes půl obrazovky.
Nebo se stránka celá překreslí.
Tohle je pro lidi s čtečkami a kognitivním omezením hotová past.
Jak říká Sarah Horton v knize A Web for Everyone:
„Přístupnost není o tom, udělat web krásný. Je o tom, aby nikdo nezůstal stát za dveřmi.“
5 principů, jak rychle zlepšit přístupnost
Chápu, že většinou nemáte kapacity na velký redesign.
Dobrá zpráva – většinu problémů odstraníte i bez velkých investic.
Stačí začít s těmito pěti principy.
1. Kontrast – ať text nezmizí
Nikdy se nespoléhejte jen na subjektivní dojem, že je „to dostatečně tmavé“.
Ověřte si kontrastní poměr minimálně 4.5:1 (text vs. pozadí). Podrobně popisuje WCAG 2.1 – Success Criterion 1.4.3.
2. Alternativní texty obrázků
Každý obrázek musí mít alternativní popisek (alt popisek).
Ale pozor – nesmí se jmenovat “obrázek”. Měl by stručně popsat význam obrázku, např.: alt=“Tlačítko Přidat do košíku”.
Kvalitní alternativní texty zásadně zlepšují srozumitelnost obsahu.
3. Jasná struktura nadpisů
Uživatelé čteček obrazovky často přeskakují mezi nadpisy.
Když je hierarchie H1–H6 chaotická, stránka se mění v bludiště.
Používejte logické pořadí – H1 (název), H2 (sekce), H3 (podsekce). Tak jak to mám já třeba v tomto článku.
Pro kontrolu doporučuji free plugin Detailed SEO Extension.
4. Formuláře s popisky a chybovými hláškami
Každé políčko formuláře musí mít:
-
Label – jasný popisek.
-
Aria-describedby – pro doplňující informace (např. formát hesla).
-
Hlásič chyby – který oznámí, co se nepovedlo, proč, a co s tím.
Podle Baymard Institute špatná validace a chybějící popisky tvoří až 41 % selhání konverzí na formulářích.
5. Předvídatelnost a konzistence
Pokud kliknete na tlačítko, musí se stát jen to, co očekáváte – žádné skoky, automatické přesměrování, náhlé překreslení obsahu.
Pro uživatele s kognitivním omezením je stabilní prostředí klíčové. Důležité je ale pro všechny. Každý chce vědět, co se stane, když kliknu na toto a ono.
Praktické nástroje a postupy
Teorie je fajn. Ale dokud si svůj web neproklikáte a neotestujete, nikdy nezjistíte, jaké pasti na uživatele číhají.
Axe DevTools – rozšíření prohlížeče, které přímo ve stránce zvýrazní chyby kontrastu, alt textů a rolí.
WAVE (Web Accessibility Evaluation Tool) – online nástroj od WebAIM, který vizuálně označí problémy a zobrazí detailní popisy chyb.
Lighthouse (Google) – audit přístupnosti přímo v Chrome DevTools s hodnocením 0–100 a návrhy řešení.
NVDA Screen Reader – bezplatná čtečka obrazovky pro Windows, díky které si vyzkoušíte ovládání webu poslepu.
WebAIM Color Contrast Checker – jednoduchý online test, který ověří, jestli kontrast textu odpovídá normám WCAG. (Ukázka níže s odkazem.)
Přístupnost je investice, ne komplikace
Možná máte pocit, že přístupnost je další z nekonečné řady věcí, které „by se měly řešit“.
Ale realita je mnohem jednodušší:
Přístupnější web je srozumitelnější, použitelnější a důvěryhodnější pro všechny.
A jako bonus často vydělává víc.
Nejde jen o splnění nařízení EU nebo „pomoc hendikepovaným“.
Jde o férový přístup, který dává smysl i obchodně – lidé se k vám raději vrátí, když je na webu nebudete stavět před překážky.
Přístupnost není luxus. Je to základní vlastnost každého webu, který chce uspět.
zdroje a literatura:
https://webaim.org/projects/screenreadersurvey9/
https://www.who.int/news-room/fact-sheets/detail/disability-and-health_
Faktomluva: Hans Rosling, Anna Roslingová Rönnlundová, Ola Rosling
Don’t Make Me Think: Steve Krug
https://www.nngroup.com/articles/accessibility-inclusivity-study-guide/
https://baymard.com/blog/collections/accessibility
https://www.zakonyprolidi.cz/cs/2023-424
https://www.accessibility.com/blog/what-was-robles-v.-dominos-pizza
https://eur-lex.europa.eu/legal-content/CS/TXT/?uri=CELEX%3A32019L0882
https://commission.europa.eu/strategy-and-policy/policies/justice-and-fundamental-rights/disability/union-equality-strategy-rights-persons-disabilities-2021-2030/european-accessibility-act_en
A Web for Everyone: Sarah Horton
https://www.w3.org/WAI/WCAG22/quickref/?versions=2.1#contrast-minimum_