Ľudia hľadajú „štandard prístupnosti“, akoby existoval jeden. Sú tri vrstvy, stoja jedna na druhej a pokutovať vás môže len tá najvyššia.
Tri vrstvy
WCAG píše W3C. Nie je to zákon a nikto ho nevymáha. Je to technický dokument, z ktorého vychádza európska norma: číslované kritériá úspešnosti na úrovniach A, AA a AAA. Aktuálne vydanou verziou je WCAG 2.2. Norma EN 301 549 V3.2.1 preberá webové požiadavky z WCAG 2.1 a úroveň, o ktorú ide, je AA.
EN 301 549 je európska norma, ktorú vydáva ETSI spoločne s CEN a CENELEC. Jej kapitola 9 sa týka webového obsahu a preberá WCAG 2.1 úrovne AA, kritérium po kritériu. Zvyšok normy pokrýva softvér, dokumenty a hardvér, čo WCAG nerieši.
Národné právo je vrstva so sankciami. European Accessibility Act, smernica (EÚ) 2019/882, každý členský štát previedol do vlastného zákona a jeho povinnosti platia od 28. júna 2025. Na Slovensku je to zákon č. 351/2022 Z. z., v Česku zákon č. 424/2023 Sb., v Nemecku BFSG, v Poľsku ustawa z 26 kwietnia 2024 r. a v Rakúsku BaFG. Verejný sektor už skôr pokrývala smernica 2016/2102.
Poctivá odpoveď na otázku „ktorý štandard pre mňa platí“ teda znie: platí pre vás národný zákon a ten formuluje požiadavky všeobecne. EN 301 549 je technická norma, voči ktorej sa v praxi testuje, a jej kapitola 9 zodpovedá WCAG 2.1 úrovne AA. Testujete voči WCAG a posudzujú vás podľa zákona. Splnenie normy samo osebe nedokladá, že spĺňate zákon.
Čo znamená prístupný kód v praxi
Tento pojem pokrýva tú časť normy, ktorú vývojár skutočne píše. Väčšinu unesú štyri veci.
Sémantické HTML. button, ktorý je button, nadpis, ktorý je nadpis, zoznam, ktorý je zoznam. div s obsluhou kliknutia je pre asistenčné technológie neviditeľný, kým mu ručne nedodáte rolu, názov a ovládanie klávesnicou, a práve táto ručná práca sa láme.
Názov, rola, hodnota. Každý ovládací prvok musí oznámiť, čím je a v akom je stave. To je kritérium 4.1.2 a na ňom zlyhávajú vlastné komponenty: prepínač, ktorý vyzerá ako zapnutý a nikdy to nepovie.
Poradie fokusu a viditeľný fokus. Cesta tabulátora po stránke musí dávať zmysel a musí byť vidieť. Kritériá 2.4.3 a 2.4.7.
Textové alternatívy a kontrast. Obrázky nesú atribút alt, ktorý hovorí, čo obrázok robí, nie čo je na ňom vidieť. Text a pozadie spĺňajú pomer kontrastu. Dvojicu farieb si overíte v kontrole kontrastu WCAG.
Nič z toho nie je exotické. Je to bežná frontendová práca, ktorá sa vynechala.
Čo vám WAVE a axe povedia a čo nie
WAVE od WebAIM a axe, nástroj založený na pravidlách od Deque, ktorý je vnútri mnohých kontrolných nástrojov vrátane toho nášho, robia rovnaký druh práce: prečítajú stránku a použijú pravidlá na to, čo nájdu. Chýbajúci popisok formulárového poľa, obrázok bez textovej alternatívy, dvojica farieb pod prahom: to sú stavy v kóde a nástroj založený na pravidlách ich nájde spoľahlivo, na každej stránke, v priebehu sekúnd.
Čo nástroj založený na pravidlách nevie, je stlačiť kláves a posúdiť význam. Či váš alternatívny text sedí, či štruktúra nadpisov zodpovedá stránke, či sa fokus dostane z cookie lišty von: nič z toho nie je vlastnosť kódu v pokoji. Podrobne je to v článku prečo automatický sken nenájde pascu na klávesnici.
Preto „spustili sme WAVE a bolo to čisté“ nie je to isté ako súlad. A preto je sken napriek tomu správny prvý krok: nájde chyby, ktoré je lacné nájsť, aby ručná práca šla tam, kde je potrebná.
Čo s tým
- Zistite, či sa na vás národný zákon vzťahuje a ktorý. Zákon vymenúva výrobky a služby, na ktoré dopadá, a mikropodniky poskytujúce služby sú vyňaté. Ktorý zákon to je, vyplýva z toho, kde predávate, nie z toho, kde hostujete.
- Testujte voči WCAG 2.1 úrovne AA. To je obsah kapitoly 9 normy EN 301 549 V3.2.1 a technická referencia, podľa ktorej sa v praxi postupuje.
- Najprv sken, potom prejdite web klávesnicou. Sken nájde porušené pravidlá, priechod správanie.
- Napíšte vyhlásenie o prístupnosti. Pri písaní zistíte, čo vlastne viete.
Sken vašej úvodnej stránky ukáže, ktoré z chýb vyššie, čo sa dajú nájsť pravidlom, už máte. Zvyšok pokryje priechod klávesnicou.
Zistite, na čom je váš web
Bezplatné skenovanie preverí stránku podľa automatizovaných pravidiel WCAG 2.1 AA a ukáže prvé zistenia.
Tento článok je informatívny a nepredstavuje právne poradenstvo.