WCAG 2.1 — Praktický začátek pro vývojáře
Zaměřujeme se na čtyři pilíře přístupnosti: vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Konkrétní příklady kódu.
Čtěte článekCo musí splnit české firmy a státní instituce. Povinnosti, lhůty implementace a praktické tipy pro soulad se zákonem.
Státní webové stránky a služby veřejné správy v ČR musí být přístupné všem. Není to jen o tom být příjemný k lidem se zdravotním postižením — je to právní povinnost. Zákon o přístupnosti webových stránek se vztahuje na státní instituce, samosprávy a firmy poskytující veřejné služby.
Realita? Spousty webů to zatím nezvládají. Pokud máte na starosti web, který by měl být přístupný, nejspíš jste se už setkali s nejasností — co přesně se od vás očekává, jaké lhůty máte na splnění, kde začít. Tenhle průvodce vám to ujasní.
Zákon č. 99/2019 Sb. o přístupnosti webových stránek a mobilních aplikací veřejného sektoru (často se mu říká jen „zákon o přístupnosti”) zavádí povinnost pro státní instituce, samosprávy a další veřejné subjekty zajistit, aby jejich webové stránky a mobilní aplikace byly přístupné lidem s různými typy postižení.
Zákon vychází z evropské směrnice a je součástí širšího trendu — přístupnost webu prostě patří k modernímu digitálnímu světu. Nejde jen o to, aby se web zobrazil správně. Jde o to, aby ho mohli používat všichni: nevidomí uživatelé se čtečkou obrazovky, hluchoslepí uživatelé, lidé s motorickými problémy nebo s dyslexií.
Povinnost se vztahuje na:
Zákon vychází z mezinárodního standardu WCAG 2.1 (Web Content Accessibility Guidelines), který vydávám W3C — organizace, která určuje standardy pro web. WCAG 2.1 je už v praxi a stává se celosvětovým standardem.
Standard má čtyři základní principy, kterým se říká POUR:
Informace musí být dostupné všem smyslům — alternativní text k obrázkům, titulky k videím, dostatečný kontrast.
Web se musí dát ovládat klávesnicí, ne jen myší. Všechny funkce musí být dostupné bez myši.
Text musí být srozumitelný, struktura logická. Nesmí být překvapující změny bez varování.
Web musí fungovat na všech zařízeních a v asistivních technologiích. Správný HTML, bez chyb.
Zákon nedal všem stejnou lhůtu. Větší instituce musely začít dřív, menší mají o trochu déle. Tady je přesný rozpis:
Ministerstva, krajské úřady, větší města (nad 10 000 obyvatel) a velké firmy s více než 250 zaměstnanci musely zajistit přístupnost webu.
Okresy, okreční úřady, malá a střední města a firmy s 50–250 zaměstnanci měly do tohoto data splnit požadavky.
Malé obce a malé firmy (pod 50 zaměstnanců) měly do tohoto data zajistit přístupnost. To znamená, že už všichni by měli být v souladu.
Znáte lhůty, víte, co se očekává. Teď co? Není to tak složité, jak to vypadá. Tady je konkrétní plán na to, jak se do toho pustit.
Začněte tím, že zjistíte, kde jste teď. Použijte automatické nástroje jako WAVE, Axe nebo Lighthouse. Zjistíte základní problémy — chybějící alternativní texty, špatné kontrasy, nesprávnou strukturu HTML. Trvá to pár hodin a máte představu o tom, co řešit.
Ne všechny problémy jsou stejně důležité. Zaměřte se nejdřív na kritické věci: alternativní texty k obrázkům, správná struktura nadpisů, klávesnicová navigace. Pak se pusťte do zbytku. Není třeba všechno řešit najednou.
Vývojáři, designeři, redaktoři — všichni musí vědět, co to znamená. Není to jen technologie. Je to o tom, jak psát text, jak vybírat barvy, jak strukturovat obsah. Trvá to jen pár hodin a pak máte tým, který ví, co dělá.
Automatické nástroje odhalí jen část problémů. Důležité je testovat web s lidmi, kteří používají čtečku obrazovky nebo navigují jen klávesnicí. Zjistíte věci, které vám algoritmus nikdy neukáže. A uvidíte, kde jsou skutečné bolesti.
Nemusíte vymýšlet všechno od nuly. Existují nástroje, které vám pomohou. Některé jsou zdarma, některé placené. Tady jsou ty nejužitečnější:
Zdarma, browser extension. Okamžitě vidíte chyby přímo na stránce — chybějící texty, špatné nadpisy, problémy s kontrastem.
Zdarma, součást Chrome DevTools. Detailnější než WAVE, ale stejně jednoduchý. Vývojářům se to líbí.
Součást Chrome. Nejen přístupnost — testuje výkon, SEO, best practices. Skvělé pro přehled.
Zdarma, open-source čtečka obrazovky. Používejte ji sami, abyste viděli, jak to vidí nevidomí uživatelé.
Zákon o přístupnosti může vypadat jako další administrativa, která vás obtěžuje. Ale podívejte se na to jinak. Přístupný web je prostě lepší web — pro všechny. Není to jen o tom splnit povinnost. Je to o tom dát všem stejnou příležitost používat váš web bez frustrace.
Důležité je začít. Nemusíte všechno dělat najednou. Audit, prioritizace, postupné zlepšování. Tým se učí, web se zlepšuje, a najednou zjistíte, že je to normální součást vaší práce.
Lhůty už prošly pro velké instituce, ale to není konec. Webová přístupnost je průběžný proces, ne jednorázová úloha. Technologie se mění, uživatelé se mění, standards se vyvíjejí. Zůstaňte v kurzu, testujte a zlepšujte. Vaši uživatelé vám budou vděční.
Začněte s auditom vašeho webu. Zjistíte, kde jste a kam se musíte posunout. Nejde to samo od sebe, ale je to zvládnutelné.
Ozvěte se námTento článek poskytuje obecné informace o zákonu o přístupnosti webových stránek v ČR. Není to právní poradenství. Zákony a vyhlášky se mění, a vaše konkrétní situace může být složitější, než jak je zde popsáno. Pokud máte právní otázky týkající se konkrétního webu nebo instituce, konzultujte s právníkem nebo odborníkem na přístupnost. Chcete-li se seznámit s úplným textem zákona a vyhlášek, podívejte se na Sbírku zákonů ČR.