Prečo automatická kontrola odhalí viac, ako čakáte
Väčšina majiteľov e-shopov predpokladá, že ich web je prístupný. Opak býva pravdou. Automatická kontrola typicky odhalí desiatky až stovky nálezov aj na zdanlivo normálnom e-shope.
Automatizácia pokrýva približne 30–50 % pravidiel WCAG 2.1 AA. Aké sú najčastejšie problémy?
Chýbajúce alt texty
Najrozšírenejší nález. Obrázky bez textového popisu (atribút alt) sú pre používateľov so čítačkou obrazovky úplne nedostupné.
Ako opraviť:
- Funkčné obrázky (produkty, ilustrácie, logá): zmysluplný popis toho, čo obrázok zobrazuje alebo čo tlačidlo robí
- Dekoratívne obrázky (pozadie, ozdoby): prázdny atribút alt, čítačka ich správne preskočí
- Obrázky s textom: text musí byť v atribúte alt
Nízky farebný kontrast
Druhý najčastejší problém. WCAG 2.1 AA vyžaduje minimálny pomer kontrastu 4,5:1 pre normálny text a 3:1 pre veľký text (18 pt alebo 14 pt tučný). Slabý kontrast trápi ľudí so slabým zrakom.
Typické problematické prvky: svetlé tlačidlo Pridať do košíka na bielom pozadí, sivý popisný text, chybové hlášky v bledej farbe, text na obrázkových banneroch.
Ako opraviť: nástroje ako Colour Contrast Analyser alebo automatický sken vám okamžite ukážu, ktoré miesta nespĺňajú štandard.
Neprístupné formuláre
Formuláre sú kritickým miestom každého e-shopu. Najčastejšie problémy:
- Chýbajúci label (popisok) pri poli: pole Email bez programaticky priradeného popisku čítačka nerozpozná
- Chybové hlášky neoznámené cez ARIA: používateľ so čítačkou nevidí, že nastala chyba
- Povinné polia bez označenia: hviezdička (*) bez textového vysvetlenia nestačí
- Tlačidlá bez zmysluplného textu: Potvrdiť je lepšie ako len ikonka bez popisu
Problémy s ovládaním klávesnicou
Zákon č. 351/2022 Z.z. (slovenská transpozícia EAA) vyžaduje, aby bol celý e-shop ovládateľný bez myši. Najčastejšie problémy:
- Chýbajúci viditeľný focus ring: keď používateľ Tab-uje cez stránku, musí vždy vidieť, kde sa nachádza
- Keyboard trap: používateľ sa zasekne v modálnom okne alebo menu a nemôže sa klávesnicou dostať von
- Zlé poradie focusu: Tab skáče neprirodzene po stránke
Neprístupné interaktívne prvky
Tlačidlá a odkazy musia mať prístupný názov, aby ich asistívne technológie správne oznamovali. Problematické vzory:
- Tlačidlo len s ikonkou bez textu alebo aria-label
- Odkaz Kliknite tu alebo Viac bez kontextu
- Interaktívny div alebo span bez role='button' a klávesnicovej podpory
Ako začať opravovať
Odporúčaný postup:
- Spustite automatický sken — odhalíte najvplyvnejšie problémy rýchlo a zadarmo
- Prioritizujte podľa závažnosti: kritické (critical) a závažné (serious) nálezy riešte ako prvé
- Opravte technické chyby: alt texty, kontrast, popisky formulárov sú relatívne jednoduché opravy
- Zadajte manuálny audit: zvyšok pravidiel (zrozumiteľnosť, správanie na čítačkách) vyžaduje ľudské posúdenie
Pamätajte: automatická kontrola odhalí približne 30–50 % pravidiel WCAG. Opraviť automaticky nájdené chyby je nevyhnutný, nie dostačujúci krok pre splnenie zákona č. 351/2022 Z.z.
Ďalšie články sprievodcu
Časté otázky
- Koľko chýb je normálnych?
- Väčšina e-shopov má desiatky až stovky automaticky detekovateľných nálezov. Dôležitejšia ako počet je závažnosť — kritické a závažné chyby riešte ako prvé.
- Ako zistím, čo opraviť ako prvé?
- Zamerajte sa na nálezy označené ako kritické (critical) a závažné (serious) — tie majú najväčší dopad na používateľov so zdravotným postihnutím.
- Stačí opraviť automaticky nájdené chyby?
- Nie. Automatizácia odhalí približne 30–50 % pravidiel WCAG 2.1 AA. Pre úplný prehľad — a pre splnenie zákona č. 351/2022 Z.z. — je nutný manuálny audit.
Chcete otestovať prístupnosť vášho webu hneď?
Spustiť kontrolu prístupnosti