Přístupnost webu

Co je to přístupnost webu?

Přístupnost webu (web accessibility) znamená navrhování a programování webových stránek tak, aby je mohli bez problémů používat všichni lidé – včetně těch se zdravotním postižením. Přístupný web dokážou ovládat nevidomí pomocí hlasových čteček, slabozrací se zvětšeným textem, neslyšící prostřednictvím titulků u videí a lidé s motorickými obtížemi jen pomocí klávesnice. Přístupnost ale pomáhá i seniorům, lidem s dočasnými zraněními nebo komukoliv s pomalým internetovým připojením.

Představte si, že přijdete na web a všechen text je žlutý na bílém pozadí – nečitelný. Nebo že nemůžete použít myš a web nejde ovládat klávesnicí. Právě takové bariéry denně zažívají miliony lidí se zdravotním postižením. V České republice má nějakou formu zdravotního omezení přibližně 15% populace – to znamená, že každý sedmý potenciální návštěvník vašeho webu může narazit na problém, pokud web není přístupný.

Přístupnost není jen technická záležitost, ale etický a často i právní závazek. Web, který respektuje standardy přístupnosti, je zároveň lepší pro UX všech uživatelů, má lepší SEO pozice a širší dosah. Správně implementovaná přístupnost není nákladná nadstavba, ale součást kvalitního webdesignu od samého začátku.

Proč je přístupnost důležitá?

Přístupnost není jen o tom, že "je to správné" – má konkrétní měřitelné výhody pro váš byznys. Přístupné weby mají v průměru o 20% větší dosah, protože oslovují širší publikum včetně lidí se zdravotním postižením, seniorů a uživatelů starších zařízení. Google hodnotí přístupné weby lépe v organickém vyhledávání, protože přístupnost a SEO mají společné základy – sémantické HTML, správnou strukturu nadpisů a alt texty u obrázků.

Zároveň přístupné weby mají nižší míru okamžitého opuštění (bounce rate) a vyšší konverze. Když web funguje dobře pro všechny, včetně hlasových čteček a klávesnicového ovládání, je to signál vysoké technické kvality. Lidé zůstávají déle, snadněji najdou informace a častěji provedou požadovanou akci – ať už je to nákup, vyplnění formuláře nebo kontakt.

V neposlední řadě přístupnost buduje pozitivní image značky. Firmy, které aktivně pracují na přístupnosti, ukazují, že jim záleží na všech zákaznících bez rozdílu. To vytváří lojalitu, pozitivní recenze a doporučení. V některých oborech (veřejný sektor, vzdělávání, zdravotnictví) je přístupnost navíc zákonnou povinností – web, který nesplňuje standardy, riskuje pokuty a vyloučení z veřejných zakázek.

WCAG standardy a úrovně přístupnosti

WCAG (Web Content Accessibility Guidelines) jsou mezinárodní standardy přístupnosti vytvořené organizací W3C. Aktuální verze je WCAG 2.1 z roku 2018, která rozšiřuje předchozí WCAG 2.0 o nové požadavky pro mobilní zařízení a uživatele s kognitivními obtížemi. Standardy definují tři úrovně shody: A, AA a AAA.

Úroveň A je absolutní minimum – základní přístupnost, bez které web není použitelný pro mnoho lidí se zdravotním postižením. Obsahuje požadavky jako alt texty u obrázků, možnost ovládání klávesnicí a logickou strukturu obsahu. Úroveň AA je standard pro většinu webů a požadavek české i evropské legislativy. Přidává kontrast textu minimálně 4,5:1, přizpůsobitelné velikosti textu, zvýrazněný fokus při ovládání klávesnicí a další významná vylepšení.

Úroveň AAA je nejvyšší možná úroveň přístupnosti – ideální stav, ale často těžko dosažitelný pro všechny stránky. Požaduje kontrast 7:1, jazykový zápis pro všechny výrazy, žádné flash animace a další velmi přísná kritéria. Pro většinu webů doporučuji cílit na úroveň AA, která poskytuje výbornou přístupnost pro 95% uživatelů bez nepřiměřených nákladů. Některé části webu (např. článková sekce, dokumenty) mohou dosahovat AAA, ale celkově to není nutné.

Hlavní oblasti přístupnosti

• Vnímatelnost (Perceivable)

Informace a komponenty uživatelského rozhraní musí být prezentovány tak, aby je uživatelé mohli vnímat. To znamená textové alternativy pro netextový obsah (alt texty u obrázků, titulky u videí), dostatečný barevný kontrast minimálně 4,5:1 pro normální text a 3:1 pro velký text, možnost zvětšit text až na 200% bez ztráty funkčnosti a obsah nesmí záviset pouze na barvě (např. "klikněte na červené tlačítko" je špatně – správně "klikněte na tlačítko Odeslat").

• Ovladatelnost (Operable)

Komponenty rozhraní musí být ovladatelné. Všechny funkce dostupné myší musí fungovat i pomocí klávesnice (Tab pro pohyb – viz tabindex, Enter/Space pro aktivaci, šipky pro navigaci). Uživatelé musí mít dostatek času na přečtení a použití obsahu – žádné automatické časovače bez možnosti prodloužení. Web nesmí obsahovat blikající elementy, které mohou vyvolat epileptické záchvaty (více než 3 bliknutí za sekundu). Navigace musí být konzistentní napříč stránkami a uživatelé musí vědět, kde se nacházejí (např. pomocí breadcrumbs navigace).

• Srozumitelnost (Understandable)

Informace a ovládání uživatelského rozhraní musí být srozumitelné. Text musí být čitelný a srozumitelný – jazyk stránky deklarovaný v HTML atributu lang, vysvětlení neobvyklých slov a zkratek. Webové stránky se musí chovat předvídatelně – navigace na stejném místě, konzistentní popisky, žádné automatické změny kontextu bez varování. Formuláře musí mít jasné popisky, validaci vstupů a srozumitelné chybové hlášky s návrhem řešení.

• Robustnost (Robust)

Obsah musí být dostatečně robustní, aby ho mohly spolehlivě interpretovat různé uživatelské nástroje včetně asistenčních technologií. To znamená validní HTML kód bez chyb, správné použití sémantických elementů (nav, main, article, aside), ARIA atributy pro dynamický obsah a JavaScript komponenty (aria-label, aria-describedby, role) a kompatibilita se všemi hlavními prohlížeči a hlasovými čtečkami (NVDA, JAWS, VoiceOver).

Jak testovat přístupnost webu?

Testování přístupnosti kombinuje automatické nástroje s manuálním testováním. Automatické nástroje odhalí asi 30-40% problémů – najdou chybějící alt texty, špatné kontrasty, nevalidní HTML nebo chybějící ARIA atributy. Nejlepší bezplatné nástroje jsou WAVE (webová služba nebo rozšíření prohlížeče), Lighthouse v Chrome DevTools, axe DevTools rozšíření a Pa11y pro automatizované testování v CI/CD pipeline.

Manuální testování je nezbytné pro zbývajících 60-70% problémů. Vyzkoušejte ovládání jen klávesnicou – projděte celý web pomocí Tab (pohyb vpřed), Shift+Tab (pohyb zpět), Enter/Space (aktivace), šipky (navigace v menu). Fokus musí být viditelný, logický a nesmí nikde uviznout. Vypněte CSS a otestujte, jestli má obsah logickou strukturu a pořadí. Použijte hlasovou čtečku – NVDA je zdarma na Windows, VoiceOver je integrovaný v macOS a iOS.

Ideální je testování s reálnými uživateli se zdravotním postižením – žádný nástroj nenahradí zkušenost člověka, který web používá hlasovou čtečkou denně. Organizace jako Teiresiás (Masarykova univerzita) nebo Leontinka (Česká unie nevidomých a slabozrakých) nabízejí placené služby testování přístupnosti. Pravidelné audity každých 6 měsíců zajistí dlouhodobou přístupnost, protože nové funkce mohou zavést nové bariéry.

Legislativa v ČR a EU

V České republice platí od 23. září 2020 zákon č. 99/2019 Sb. o přístupnosti, který zavádí evropskou směrnici (EU) 2016/2102 o přístupnosti webů a mobilních aplikací subjektů veřejného sektoru. Povinnost mít přístupný web mají všechny státní instituce, obce, kraje, školy, nemocnice, soudy, policie a další příspěvkové organizace veřejného sektoru. Musí splňovat WCAG 2.1 úroveň AA a zveřejnit prohlášení o přístupnosti na každém webu.

Soukromé firmy zatím přímou zákonnou povinnost nemají, ale situace se mění. Od června 2025 vstupuje v platnost European Accessibility Act (EAA), který rozšíří povinnost přístupnosti i na soukromý sektor. Povinnost budou mít e-shopy nad 10 zaměstnanců nebo s obratem nad 2 miliony EUR, banky a finanční služby, dopravci a jejich rezervační systémy, telekomunikační služby a elektronické knihy. Pokuty za nesplnění mohou dosáhnout až 10 milionů EUR nebo 2% ročního obratu.

I když zatím nemáte přímou zákonnou povinnost, dobrovolné plnění přístupnosti je silným konkurenčním signálem. Firmy, které mají přístupný web, získávají důvěru zákazníků, lepší pozice ve vyhledávačích a přístup k širšímu trhu včetně veřejných zakázek, které často vyžadují splnění WCAG standardů. Přístupnost navíc není jednorázová akce, ale průběžný proces – lepší začít dnes než čekat, až bude povinná.

Výhody přístupného webu

• Větší dosah a nové zákazníky

Přístupný web oslovuje o 15-20% širší publikum včetně lidí se zdravotním postižením a seniorů

• Lepší SEO pozice

Google hodnotí přístupné weby lépe – sémantický HTML, alt texty a struktura jsou klíčové SEO faktory

• Vyšší konverze

Přístupné formuláře, tlačítka a navigace vedou k vyšším mírám dokončení objednávek a vyplnění kontaktů

• Pozitivní image značky

Firmy respektující přístupnost získávají lojalitu, pozitivní recenze a doporučení

• Splnění legislativy

Připravenost na European Accessibility Act a přístup k veřejným zakázkám

• Lepší UX pro všechny

Přístupný web je zároveň přehlednější, rychlejší a příjemnější pro všechny uživatele bez rozdílu

Související pojmy