Prístupnosť webu a e-shopu

Zákon č. 351/2022 Z. z. platí od júna 2025 a pokuta ide do 30 000 eur. Vysvetľujem, koho sa týka a koho nie, čo znamená WCAG 2.1 AA v praxi, sedem najčastejších chýb na slovenských weboch a ako si prístupnosť overíte sami za hodinu.

Filip · 6 min čítania
Zálohy dokončené, 24 webov záloha WordPress 6.9.2 nasadený na testovacej kópii aktualizácia Certifikát obnovený, platný 90 dní certifikát Pomalá odozva 1,9 s, vyriešená do 12 minút incident Bezpečnostný sken: 0 kritických nálezov sken Rýchlosť webu v zelenom po zmenšení obrázkov rýchlosť Blokovaných 214 pokusov o prihlásenie ochrana

Kým cookie lišta sa na slovenské weby dostala do roka, prístupnosť si väčšina firiem stále pletie s dobrovoľným gestom voči nevidiacim. Nie je. Zákon č. 351/2022 Z. z. o prístupnosti výrobkov a služieb, ktorý do nášho práva preberá Európsky akt o prístupnosti (smernica (EÚ) 2019/882), je účinný pre nové služby od 28. júna 2025 a za porušenie hrozí pokuta až 30 000 eur.

Dobrá správa je, že požiadavky nie sú exotické. Väčšina z nich je vecou remesla, ktoré sa pri poctivom vývoji robí aj tak — a náhodou zlepšuje aj SEO a použiteľnosť na mobile.

Koho sa to týka a koho nie

Zákon mieri na digitálne služby smerom k spotrebiteľovi: e-shopy, rezervačné a objednávkové systémy, elektronické bankovníctvo, e-knihy, prepravné služby a ich mobilné aplikácie. Rozhodujúce je, že službu poskytujete spotrebiteľom elektronicky.

Najdôležitejšia výnimka sú mikropodniky poskytujúce služby — subjekty s menej než 10 zamestnancami a ročným obratom do 2 miliónov eur. Podmienky platia súčasne: firma s ôsmimi ľuďmi a obratom tri milióny výnimku nemá. A pozor, výnimka sa vzťahuje na služby, nie na všetko — pri výrobkoch je úprava prísnejšia.

Ešte jedna vec, ktorú firmy prehliadajú: ak ste dodávateľom verejného sektora alebo veľkého odberateľa, prístupnosť vám pravdepodobne pribudne do zmluvy bez ohľadu na to, či pod zákon spadáte priamo.

Čo presne sa má splniť

Technický obsah povinnosti určuje harmonizovaná norma EN 301 549, ktorá pre web preberá pravidlá WCAG 2.1 na úrovni AA. Tie stoja na štyroch princípoch a oplatí sa ich poznať aspoň v tejto podobe:

  • Vnímateľnosť — obsah sa dá prijať aj bez zraku alebo sluchu. Textové alternatívy, titulky, dostatočný kontrast.
  • Ovládateľnosť — všetko sa dá urobiť klávesnicou, nič nevyžaduje presné načasovanie alebo myš.
  • Zrozumiteľnosť — predvídateľné správanie, jasné chybové hlášky, označené polia formulárov.
  • Robustnosť — obsah funguje s asistenčnými technológiami, teda má korektný kód a správne roly prvkov.

K tomu patrí vyhlásenie o prístupnosti na webe — dokument, v ktorom uvediete, ako službu sprístupňujete, ktoré časti zatiaľ nezodpovedajú požiadavkám a kam sa dá napísať pripomienka.

Sedem chýb, ktoré vidím na väčšine slovenských webov

Toto nie sú okrajové prípady — sú to nálezy, ktoré nájdem takmer pri každom audite:

  • Šedý text na bielom. Kontrast musí byť aspoň 4,5 : 1 pre bežný text a 3 : 1 pre veľký text a ovládacie prvky. Obľúbená svetlosivá v pätičke a v popiskoch formulárov to takmer nikdy nespĺňa.
  • Neviditeľný fokus. Dizajnér vypol rámček okolo aktívneho prvku, lebo „ruší". Pre človeka, ktorý ovláda web klávesnicou, tým web zmizol.
  • Formulár bez označení. Pole, ktoré má namiesto popisu len šedý text vnútri, po začatí písania stratí význam a čítač obrazovky ho neprečíta.
  • Chyba oznámená iba červenou farbou. Chybová hláška musí byť text vedľa poľa, ktorý hovorí, čo presne opraviť.
  • Obrázky bez alternatívneho textu — alebo naopak, dekoratívne obrázky s popisom, ktorý čítač zbytočne predčítava.
  • Nadpisy použité ako dizajn. Keď je h2 vybraný preto, že má peknú veľkosť, štruktúra stránky sa rozpadne. Rovnaká chyba mimochodom rozbíja aj obsah pre vyhľadávače.
  • Rozbaľovacie menu len na prejdenie myšou. Bez ovládania klávesnicou a bez dotykovej alternatívy je časť webu neprístupná aj na tablete.

Ako si to overíte sami za hodinu

Automatické nástroje odhalia zhruba tretinu problémov. Zvyšok sa dá otestovať ručne a nepotrebujete na to školenie:

  • Odložte myš. Prejdite objednávku alebo odoslanie formulára len tabulátorom a klávesou Enter. Sledujte, či stále viete, kde ste.
  • Zväčšite stránku na 200 %. Obsah sa má preskladať, nie zmiznúť za okrajom.
  • Vypnite obrázky a pozrite sa, či stránka dáva zmysel.
  • Pustite si čítač obrazovky — VoiceOver na Macu, Narrator vo Windows. Prvé tri minúty sú nepríjemné a veľmi poučné.
  • Skontrolujte kontrast vo vývojárskych nástrojoch prehliadača, ktoré ho pri každom texte zobrazia.

Nájdené nálezy si zapíšte s prioritou. Pri prístupnosti platí to isté ako pri SEO audite: nie každý nález má rovnakú váhu a poradie prác rozhoduje o výsledku. Ako oddeliť podstatné od kozmetického, rozoberám v článku Ako čítať SEO audit.

Prístupnosť a SEO sú z veľkej časti tá istá práca

Toto býva argument, ktorý rozhodne rozpočet. Korektná štruktúra nadpisov, popisné texty odkazov namiesto „kliknite sem", alternatívne texty obrázkov, jazyk stránky v kóde, zmysluplné chybové stavy — všetko sú to zároveň signály, s ktorými pracujú vyhľadávače aj jazykové modely. Prístupný web je strojovo čitateľnejší web, čo súvisí s tým, čo popisujem v článku AI a SEO v roku 2026.

Druhý vedľajší efekt je výkon. Weby, ktoré prejdú prístupnosťou, bývajú jednoduchšie a rýchlejšie — a rýchlosť je meraná na skutočných návštevníkoch, ako rozoberám v článku o Core Web Vitals.

Čo s existujúcim webom

Ak máte web na šablóne, počítajte s tým, že časť problémov je v nej a bez zásahu do kódu sa neodstráni. Práve tu sa ukazuje rozdiel medzi riešením na mieru a šablónou — rozoberám ho v článku Web na mieru verzus šablóna.

Postup, ktorý odporúčam: audit s prioritami, oprava kritických prekážok v objednávkovom alebo kontaktnom procese, potom zvyšok, a nakoniec vyhlásenie o prístupnosti. Nové projekty riešime prístupnosť rovno v zadaní — dorábať ju spätne stojí násobne viac.

Ak potrebujete web alebo e-shop posúdiť, napíšte mi; rozsah a ceny nájdete v cenníku.

Pomohol vám článok? Zdieľajte ho ďalej.
LinkedIn Facebook