Kontrolný zoznam prístupnosti webu pre malé firmy a e-shopy

Predstavte si zákazníka, ktorý používa čítačku obrazovky. Nájde tenisky, ktoré chce, vyberie veľkosť a stlačí to, čo považuje za tlačidlo košíka. Čítačka obrazovky povie „tlačidlo“. Nič viac. Na stránke sú tri také a žiadne nemá názov, takže odíde a vy sa nikdy nedozviete prečo.

Väčšina problémov s prístupnosťou na weboch malých firiem vyzerá práve takto: majiteľ ich nevidí, pre zákazníka sú slepou uličkou. Tento kontrolný zoznam je pre ľudí, ktorí prevádzkujú web na Shopify, WooCommerce, Wix alebo Squarespace bez vlastného vývojára.

Musí byť web malej firmy prístupný?

Ak predávate spotrebiteľom v EÚ, pravdepodobne áno. Európsky akt o prístupnosti (otvorí sa na novej karte) sa od 28. júna 2025 vzťahuje na služby elektronického obchodu. Hlavná výnimka platí pre mikropodniky, ktoré poskytujú služby: firmy s menej než 10 zamestnancami a ročným obratom alebo celkovou ročnou súvahou najviac 2 milióny eur.

Elektronický obchod tu znamená predaj na diaľku cez web alebo aplikáciu „na základe individuálnej žiadosti spotrebiteľa s cieľom uzavrieť spotrebiteľskú zmluvu“ (čl. 3 bod 30). E-shop alebo rezervačný systém sem patria. Výnimka sa týka len služieb: kto predáva dotknuté výrobky, napríklad čítačky e-kníh, musí naďalej plniť pravidlá pre výrobky (čl. 4 ods. 5). Nepomôže ani sídlo mimo EÚ, pretože na britský e-shop, ktorý predáva zákazníkom vo Francúzsku, sa smernica vzťahuje v rozsahu tohto predaja (čl. 3 bod 4). Náš návod k Európskemu aktu o prístupnosti sa venuje vnútroštátnym zákonom aj pokutám.

Britský Equality Act 2010 (otvorí sa na novej karte) vyžaduje primerané úpravy pre ľudí so zdravotným postihnutím, no pre weby nestanovuje technickú normu. V USA usmernenie ministerstva spravodlivosti z marca 2022 (otvorí sa na novej karte) uvádza, že firmy otvorené verejnosti musia sprístupniť aj to, čo ponúkajú online, a že normy ako WCAG „poskytujú užitočné usmernenie“. Nech zákon hovorí čokoľvek, zákazník, ktorý nedokončí vašu pokladňu, nenakúpi.

Aké sú najčastejšie problémy s prístupnosťou na weboch?

Prevláda šesť chýb. V projekte WebAIM Million 2026 (otvorí sa na novej karte), automatickom skene milióna najnavštevovanejších domovských stránok vo februári 2026, malo 95,9 % stránok zistiteľné chyby WCAG, v priemere 56,1 chyby na stránku. Najčastejším problémom bol text s nízkym kontrastom, ktorý sa našiel na 83,9 % domovských stránok.

Za týmito kontrolami stoja WCAG, Pravidlá prístupnosti webového obsahu; väčšina zákonov odkazuje na ich úroveň AA a najnovšiu verziu vysvetľuje náš návod k WCAG 2.2. Viaceré kontroly uvedené nižšie nedokáže posúdiť žiadny automatický nástroj.

Dokáže každý prečítať váš text a pochopiť vaše obrázky?

Začnite tu, pretože tieto opravy sú lacné a väčšinu z nich urobíte sami v editore webu. Text potrebuje dostatočný kontrast, obrázky nesúce informáciu potrebujú alternatívny text a nič nesmie závisieť len od farby. Podľa organizácie Colour Blind Awareness (otvorí sa na novej karte) má poruchu farebného videnia približne 1 z 12 mužov a 1 z 200 žien.

• Kontrast. Bežný text potrebuje voči pozadiu kontrastný pomer aspoň 4,5:1 (otvorí sa na novej karte), veľký text aspoň 3:1. Otestujte svoje farby vrátane textu na fotkách v banneroch v bezplatnom nástroji. Náš návod o farebnom kontraste ukazuje opravy, ktoré zachovajú vašu vizuálnu identitu.
• Alternatívny text produktov. Opíšte, čo potrebuje vedieť nakupujúci: „Tmavomodrý vlnený sveter s rebrovaným rolákom, pohľad spredu“ je lepšie ako „obrázok produktu 1“. Začnite desiatimi najpredávanejšími produktmi.
• Dekoratívne obrázky. Ozdobný vzor v pozadí by mal mať prázdny alternatívny text, aby ho čítačky obrazovky preskočili. Niektoré platformy vyplnia prázdne pole alt názvom súboru, preto si to overte.
• Len farba. Informácia „Vypredané“ zobrazená len ako sivá vzorka farby alebo povinné pole označené len červenou sa nedostane ku každému. Pozrite si stránku cez filter odtieňov sivej v telefóne a pridajte slovo alebo ikonu všade, kde význam zmizne.
• Priblíženie. Pri priblížení prehliadača na 200 % sa má text zväčšiť bez prekrývania a orezania a menu musí stále fungovať.
• Jazyk stránky. Chýbajúcu deklaráciu jazyka odhalí každý bezplatný nástroj. Ide o nastavenie témy alebo jednoriadkovú zmenu šablóny.

Dá sa váš web ovládať klávesnicou?

Veľa ľudí prehliada web bez myši: používatelia čítačiek obrazovky, ľudia s trasom alebo obmedzeným pohybom rúk a ktokoľvek, komu práve odišiel touchpad. Odložte myš a stlačte Tab. Mali by ste sa v rozumnom poradí dostať ku každému odkazu, tlačidlu a poľu formulára, stále vidieť, kde ste, a nikde neuviaznuť.

• Viditeľný fokus. Obrys by mal ukazovať, ktorý prvok je aktívny, a nesmie ho zakrývať fixná hlavička ani bublina chatu (kritérium WCAG 2.2 2.4.11 Nezakrytý fokus). Mnohé témy obrys kvôli vzhľadu odstraňujú; vývojár ho vie vrátiť.
• Žiadne pasce. Otvorte z klávesnice menu, výber veľkosti, vyskakovacie okná a galériu obrázkov, niečo vyberte a skúste odísť. Kláves Escape by mal vyskakovacie okná zatvárať.
• Názvy ikon. Každý ikonový odkaz a tlačidlo potrebuje názov, ktorý čítačka obrazovky dokáže oznámiť, napríklad „Košík, 2 položky“. Namiesto „Kliknite sem“ použite slová, ktoré povedia, kam odkaz vedie.
• Odkaz na preskočenie a nadpisy. Prvé stlačenie Tab by malo ideálne zobraziť odkaz „Preskočiť na obsah“. V prieskume WebAIM medzi používateľmi čítačiek obrazovky z roku 2024 (otvorí sa na novej karte) uviedlo 71,6 % respondentov, že sa v dlhej stránke najprv orientujú podľa nadpisov, preto používajte skutočné úrovne nadpisov, nie tučný text.
• Ciele na ťuknutie. WCAG 2.2 požaduje ciele s veľkosťou aspoň 24 × 24 CSS pixelov alebo dostatok miesta okolo nich (kritérium úspešnosti 2.5.8 (otvorí sa na novej karte)).

Dostane sa každý cez vaše formuláre, košík a pokladňu?

V pokladni vás problémy s prístupnosťou stoja peniaze priamo, preto ju otestujte od začiatku do konca vrátane toho, čo sa stane, keď sa niečo pokazí. Každé pole potrebuje viditeľný popis, chybové hlásenia musia problém vysvetliť slovami a prihlásenie nesmie závisieť od testov pamäti ani hlavolamov. Rátajú sa aj stránky vášho poskytovateľa platieb.

• Popisy, nie zástupný text. Zástupný text zmizne, len čo človek začne písať, a často je príliš bledý na čítanie. Každé pole potrebuje popis, ktorý zostane viditeľný.
• Chybové hlásenia. Odošlite formulár prázdny. Každá chyba by mala byť vypísaná slovami („Zadajte PSČ, napríklad 811 01“), mala by byť pri svojom poli a čítačka obrazovky by ju mala oznámiť; nestačí len zafarbiť okraj načerveno.
• Nepýtajte sa dvakrát. Ponúknite možnosť „Fakturačná adresa je rovnaká“ namiesto toho, aby ľudia znova písali dodaciu adresu. WCAG 2.2 z toho urobila požiadavku úrovne A, 3.3.7 Opakované zadávanie.
• Prihlásenie. Dovoľte vkladať heslá a jednorazové kódy a používať správcov hesiel. Blokovanie vkladania porušuje kritérium Prístupná autentifikácia (otvorí sa na novej karte) vo WCAG 2.2, ak neponúknete iný spôsob prihlásenia.
• CAPTCHA. Používatelia čítačiek obrazovky v prieskume WebAIM z roku 2024 označili CAPTCHA za najproblematickejší prvok na webe. Ak potrebujete ochranu pred botmi, vyhnite sa vizuálnym hlavolamom a vždy ponúknite nevizuálnu alternatívu.
• Časové limity. Ak košík alebo rezervácia vyprší, upozornite ľudí a dovoľte im čas predĺžiť.

Ak niektoré časti pokladne patria vašej platforme alebo poskytovateľovi platieb, otestujte ich aj tak, nahláste problémy a uveďte ich ako známe chyby.

A čo lišty s cookies, vyskakovacie okná a widgety chatu?

Pre vašich zákazníkov sú skripty tretích strán súčasťou vášho webu. Lišta s cookies, ktorá sa nedá zavrieť klávesnicou, blokuje každú stránku, a vyskakovacie okno s newsletterom, ktoré si uprostred pokladne strhne fokus, môže zmariť predaj. Otestujte každý skript, ktorý ste pridali, a pred inštaláciou nového sa dodávateľa opýtajte na prístupnosť.

• Lišta s cookies. Dostanete sa klávesom Tab k tlačidlám na prijatie a odmietnutie, prečítate ich pri priblížení na 200 % a môžete potom pokračovať tam, kde ste boli?
• Vyskakovacie okná. Fokus by sa mal presunúť do okna, zostať v ňom až do zatvorenia a potom sa vrátiť späť. Kláves Escape by ho mal zavrieť.
• Widgety chatu. Tlačidlo potrebuje názov, okno by sa malo otvárať a zatvárať klávesnicou a na telefóne by nemalo ležať na tlačidle „Zaplatiť“.
• Karusely. Všetko, čo sa automaticky pohybuje dlhšie ako päť sekúnd, musí mať možnosť pozastavenia, zastavenia alebo skrytia (WCAG 2.2 (otvorí sa na novej karte), kritérium úspešnosti 2.2.2).
• Vložený obsah. Widgety s recenziami, mapy a rezervačné nástroje sú tiež na vašej stránke. Chyby nahláste dodávateľovi.

Fungujú vaše videá, PDF a jedálne lístky pre každého?

Video potrebuje titulky, zvuk prepis a dôležité informácie by nemali byť iba v PDF alebo na obrázku. Reštaurácia, ktorej jedálny lístok je naskenované PDF, alebo obchod, ktorého tabuľka veľkostí je fotka tabuľky, vylučuje používateľov čítačiek obrazovky a každého, kto si potrebuje text na telefóne priblížiť.

• Titulky a prepisy. Automatické titulky pred zverejnením opravte. Podcasty potrebujú textovú verziu.
• Obrázky textu. Jedálne lístky, cenníky, tabuľky veľkostí a otváracie hodiny dajte na bežnú webovú stránku. Ak už musíte použiť PDF, exportujte ho z textového editora s nadpismi a značkami, a neskenujte výtlačok.
• Staršie súbory. EAA nevyžaduje opravu kancelárskych súborov ani vopred nahratého audia a videa zverejnených pred 28. júnom 2025 ani archívov, ktoré už neaktualizujete (čl. 2 ods. 4). Nové súbory pod ňu spadajú.

Čo opravím sám a kedy potrebujem vývojára alebo audit?

Väčšinu problémov s obsahom opravíte sami v CMS: alternatívny text, nadpisy, texty odkazov, farby, titulky a mnohé popisy formulárov. Problémy na úrovni témy, ako sú chýbajúce štýly fokusu, pasce pre klávesnicu a vlastné rozbaľovacie zoznamy, potrebujú vývojára. Audit má najväčší zmysel, keď sú základy opravené, alebo pred spustením redizajnu.

Kam zapadá widget, ako je ten náš? Panel na strane návštevníka, napríklad SiteAccessible, umožní ľuďom zvýšiť kontrast, zväčšiť text alebo zapnúť čítacie pravítko. Niektorým návštevníkom to pomôže, ale v tomto zozname to neodškrtne nič: tlačidlo bez názvu zostane bez názvu a pasca pre klávesnicu zostane pascou. Najprv opravte web a widget berte ako doplnok.

Ako zaznamenať, čo som urobil?

Veďte si jednoduchý záznam o tom, čo ste testovali, kedy, čo ste opravili a čo je ešte pokazené, a potom zverejnite pravdivé zhrnutie vo vyhlásení o prístupnosti. Ak sa na vás vzťahuje EAA, musíte zverejniť aj informácie o tom, ako vaša služba spĺňa požiadavky na prístupnosť, zvyčajne vo všeobecných obchodných podmienkach alebo obdobnom dokumente.

Táto druhá povinnosť vyplýva z prílohy V smernice; formu určuje vnútroštátny zákon. Náš návod, ako napísať vyhlásenie o prístupnosti, obsahuje šablónu na úpravu. Potom udržiavajte rutinu:

1. Prejdite kontrolný zoznam na troch kľúčových stránkach a z každej chyby si urobte snímku obrazovky.
2. Obsahové položky opravte sami ešte tento týždeň.
3. Položky týkajúce sa témy a pokladne zadajte vývojárovi, najhoršie ako prvé.
4. Každú opravu otestujte znova klávesnicou, nielen nástrojom.
5. Zverejnite alebo aktualizujte vyhlásenie s dátumom.
6. Opakujte vždy, keď pridáte aplikáciu, zmeníte tému alebo spustíte novú vstupnú stránku.