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

  1. 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.
  2. 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.
  3. Nejdřív sken, potom projděte web klávesnicí. Sken najde porušená pravidla, průchod chování.
  4. 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í.

Skenovat web zdarma Stáhnout vzorový report

Tento článek je informativní a nenahrazuje právní poradenství.