Lidé hledají „standard přístupnosti“, jako by existoval jeden. Jsou tři vrstvy, stojí jedna na druhé a pokutovat vás může jen ta nejvyšší.
Tři vrstvy
WCAG píše W3C. Není to zákon a nikdo ho nevymáhá. Je to technický dokument, ze kterého vychází evropská norma: číslovaná kritéria úspěšnosti na úrovních A, AA a AAA. Aktuálně vydanou verzí je WCAG 2.2. Norma EN 301 549 V3.2.1 přebírá webové požadavky z WCAG 2.1 a úroveň, o kterou jde, je AA.
EN 301 549 je evropská norma, kterou vydává ETSI společně s CEN a CENELEC. Její kapitola 9 se týká webového obsahu a přebírá WCAG 2.1 úrovně AA, kritérium po kritériu. Zbytek normy pokrývá software, dokumenty a hardware, což WCAG neřeší.
Národní právo je vrstva se sankcemi. European Accessibility Act, směrnice (EU) 2019/882, každý členský stát převedl do vlastního zákona a jeho povinnosti platí od 28. června 2025. V Česku je to zákon č. 424/2023 Sb., v Německu BFSG, v Polsku ustawa z 26 kwietnia 2024 r., v Rakousku BaFG a na Slovensku zákon č. 351/2022 Z. z. Veřejný sektor už dříve pokrývala směrnice 2016/2102.
Poctivá odpověď na otázku „který standard pro mě platí“ tedy zní: platí pro vás národní zákon a ten formuluje požadavky obecně. EN 301 549 je technická norma, proti které se v praxi testuje, a její kapitola 9 odpovídá WCAG 2.1 úrovně AA. Testujete proti WCAG a posuzují vás podle zákona. Splnění normy samo o sobě nedokládá, že splňujete zákon.
Co znamená přístupný kód v praxi
Tenhle pojem pokrývá tu část normy, kterou vývojář skutečně píše. Většinu unesou čtyři věci.
Sémantické HTML. button, který je button, nadpis, který je nadpis, seznam, který je seznam. div s obsluhou kliknutí je pro asistivní technologie neviditelný, dokud mu ručně nedodáte roli, název a ovládání klávesnicí, a právě tahle ruční práce se láme.
Název, role, hodnota. Každý ovládací prvek musí oznámit, co je a v jakém je stavu. To je kritérium 4.1.2 a na něm selhávají vlastní komponenty: přepínač, který vypadá zapnutě a nikdy to neřekne.
Pořadí zaměření a viditelné zaměření. Cesta tabulátoru po stránce musí dávat smysl a musí být vidět. Kritéria 2.4.3 a 2.4.7.
Textové alternativy a kontrast. Obrázky nesou atribut alt, který říká, co obrázek dělá, ne co je na něm vidět. Text a pozadí splňují poměr kontrastu. Dvojici barev si ověříte v kontrole kontrastu WCAG.
Nic z toho není exotické. Je to běžná frontendová práce, která se vynechala.
Co vám WAVE a axe řeknou a co ne
WAVE od WebAIM a axe, nástroj založený na pravidlech od Deque, který je uvnitř mnoha kontrolních nástrojů včetně toho našeho, dělají stejný druh práce: přečtou stránku a aplikují pravidla na to, co najdou. Chybějící popisek formulářového pole, obrázek bez textové alternativy, dvojice barev pod prahem: to jsou stavy v kódu a nástroj založený na pravidlech je najde spolehlivě, na každé stránce, během sekund.
Co nástroj založený na pravidlech neumí, je stisknout klávesu a posoudit význam. Jestli váš alternativní text sedí, jestli struktura nadpisů odpovídá stránce, jestli se zaměření dostane z cookie lišty ven: nic z toho není vlastnost kódu v klidu. Podrobně je to v článku proč automatický sken nenajde past na klávesnici.
Proto „pustili jsme WAVE a bylo to čisté“ není totéž co shoda. A proto je sken přesto správný první krok: najde chyby, které je levné najít, aby ruční práce šla tam, kde je potřeba.
Co s tím
- Zjistěte, zda se na vás národní zákon vztahuje a který. Zákon vyjmenovává výrobky a služby, na které dopadá, a mikropodniky poskytující služby jsou vyňaty. Který zákon to je, vyplývá z toho, kde prodáváte, ne z toho, kde hostujete.
- Testujte proti WCAG 2.1 úrovně AA. To je obsah kapitoly 9 normy EN 301 549 V3.2.1 a technická reference, podle které se v praxi postupuje.
- Nejdřív sken, potom projděte web klávesnicí. Sken najde porušená pravidla, průchod chování.
- Napište prohlášení o přístupnosti. Při psaní zjistíte, co vlastně víte.
Sken vaší domovské stránky ukáže, které z chyb výše, jež lze najít pravidlem, už máte. Zbytek pokryje průchod klávesnicí.
Zjistěte, jak si váš web stojí
Bezplatný sken zkontroluje stránku podle automatizovaných pravidel WCAG 2.1 AA a ukáže první zjištění.
Tento článek je informativní a nenahrazuje právní poradenství.