Prístupnosť e-shopu: 7 chýb, ktoré komplikujú nákup
E-shop zobrazený na notebooku a mobile v svetlom kreatívnom pracovnom prostredí
Návštevník našiel produkt, no nevie prečítať cenu, ovládať filter alebo dokončiť objednávku. Prístupnosť e-shopu nie je len technická téma – je súčasťou dobrého zákazníckeho zážitku.
Predstavte si zákazníka, ktorý si na mobile vyberá produkt. Vidí atraktívne fotografie, správnu cenu a tlačidlo na objednanie. Lenže text je príliš bledý, tlačidlo sa ťažko stláča a vo formulári nie je zrejmé, ktoré pole vyplnil nesprávne. Možno nákup dokončí. Možno odíde.
Práve takéto zdanlivo malé bariéry rozhodujú o tom, či web ľuďom pomáha alebo ich núti hľadať inú cestu. V roku 2026 je preto prístupnosť e-shopu témou pre marketing, dizajn aj obchod – nie iba pre vývojárov.
Čo znamená prístupnosť e-shopu?
Prístupnosť e-shopu znamená, že ľudia dokážu produkty nájsť, porovnať a objednať aj vtedy, keď používajú klávesnicu, čítačku obrazovky, zväčšené zobrazenie alebo majú zrakové, pohybové či kognitívne obmedzenia.
V praxi sa prístupnosť prekrýva s dobrým UX. Čitateľné texty, jasné informácie, logické formuláre či predvídateľné ovládanie pomáhajú aj ľuďom, ktorí nakupujú na mobile na ostrom slnku alebo sa ponáhľajú.
Nie je to však len synonymum jednoduchého dizajnu. Prístupnosť zahŕňa aj technické požiadavky, ktoré návštevník na prvý pohľad nevidí – napríklad správne pomenovanie formulárových polí alebo ovládanie bez myši.
Prečo sa touto témou zaoberať práve teraz?
Vo februári 2026 analyzoval projekt WebAIM Million domovské stránky jedného milióna webov. Automatizovaný test zachytil potenciálne porušenia pravidiel WCAG na 95,9 % skúmaných úvodných stránok. Najčastejším problémom bol nízky kontrast textu, ktorý sa objavil na 83,9 % stránok. [1]
Dôležitý kontext: ide o automaticky zistiteľné chyby na domovských stránkach, nie o meranie všetkých e-shopov ani o úplný právny audit. Výsledky však dobre ukazujú, že základné bariéry na webe pretrvávajú.
Z obchodného pohľadu je relevantný aj výskum Baymard Institute, ktorý uvádza priemernú mieru opustenia nákupného košíka približne 70 %. Nie všetky tieto odchody spôsobuje prístupnosť alebo zlé UX; zákazníci často iba porovnávajú ceny či ešte nie sú pripravení kúpiť. Výskum ale opakovane identifikuje problémy v procese objednávky, ktoré sa oplatí odstrániť. [2]
Európske pravidlá sa už uplatňujú
European Accessibility Act sa pri vybraných produktoch a službách uplatňuje od 28. júna 2025. Do jeho rozsahu patria aj určité služby elektronického obchodu poskytované spotrebiteľom. Na Slovensku je relevantný zákon č. 351/2022 Z. z. o prístupnosti výrobkov a služieb, ktorý bol odvtedy novelizovaný. [3][4]
To však neznamená, že každá firemná B2B stránka má automaticky rovnaké zákonné povinnosti. Záleží na druhu služby, zákazníkoch, veľkosti poskytovateľa a prípadných výnimkách. Pravidlá napríklad obsahujú výnimku pre mikropodniky poskytujúce služby. Presný rozsah povinností preto treba posúdiť individuálne; tento článok nie je právnym stanoviskom.
Sedem chýb, ktoré zbytočne komplikujú nákup
1. Príliš slabý kontrast ceny, popisu a tlačidiel
Elegantná svetlosivá typografia môže na veľkom monitore pôsobiť prémiovo. Na mobile však často zlyhá. Ak zákazník neprečíta cenu, dostupnosť alebo podmienku zľavy, dizajn prestáva plniť svoj účel.
Ako praktický orientačný bod možno použiť WCAG 2.2 AA: bežný text má spravidla dosahovať kontrast aspoň 4,5 : 1, veľký text aspoň 3 : 1. [5]
Čo zmeniť: skontrolujte cenu, dostupnosť, CTA, texty na banneroch a malé informácie pod formulármi. Nestačí skontrolovať iba domovskú stránku.
2. Dôležitá informácia existuje iba ako text v obrázku
Ak je výška zľavy, termín akcie alebo technický parameter viditeľný iba na grafickom bannere, čítačka obrazovky ho nemusí odovzdať používateľovi. Navyše sa takýto text horšie prispôsobuje menším displejom.
Čo zmeniť: dôležitú informáciu vložte aj ako skutočný text stránky. Zmysluplné produktové obrázky vybavte stručným ALT textom, ktorý opisuje ich obsah alebo funkciu. Čisto dekoratívne vizuály môžu zostať bez opisného ALT textu.
3. Produktové filtre a menu nefungujú bez myši
Niektorí ľudia navigujú výlučne klávesnicou. Ak sa nedá dostať k filtru veľkosti, otvoriť podmenu alebo zvoliť variant produktu pomocou klávesov, stráca e-shop funkčnosť.
Čo zmeniť: prejdite kategóriou a produktovým detailom pomocou Tab, Shift + Tab a Enter. Sledujte viditeľný fokus, poradie prvkov aj možnosť zatvoriť otvorené okno klávesom Escape.
Porovnanie neprehľadného a čitateľného formulára pri objednávke
4. Formulár nepovie, kde sa stala chyba
Hlásenie „Nesprávny údaj“ bez vysvetlenia nepomáha. Rovnako problematické sú polia, ktoré sa spoliehajú iba na zástupný text (placeholder), pretože po začatí písania sa stráca.
Čo zmeniť: každé pole má mať zrozumiteľný názov, povinné údaje treba jasne označiť a chybu vysvetliť konkrétne – napríklad „Telefónne číslo zadajte vo formáte +421...“. Hlásenie má byť dostupné aj asistenčným technológiám.
5. Mobilný checkout vyžaduje príliš presné dotyky
Malé krížiky, tesne uložené prepínače alebo prvky, ktoré sa pri zväčšení prekrývajú, robia objednávku zbytočne náročnou. Problém môže postihnúť používateľov s pohybovým obmedzením aj kohokoľvek na menšom telefóne.
Čo zmeniť: skontrolujte veľkosť a odstupy klikateľných plôch, zobrazovanie pri 200 % zväčšení a správanie orientácie displeja. Dôležité akcie by mali zostať dostupné a čitateľné.
6. Animácie a video odvádzajú pozornosť od informácie
Pohyblivý hero banner môže vyzerať pôsobivo, ale automatické prehrávanie, blikajúce prvky alebo neustále rotujúce slidy sťažujú sústredenie. Video bez titulkov zasa nedoručí obsah ľuďom, ktorí ho nemôžu počúvať.
Čo zmeniť: pridajte ovládanie prehrávania a zastavenia pohybu tam, kde je to potrebné, minimalizujte rušivé efekty a dôležité informácie z hovoreného videa sprístupnite titulkom alebo textom.
7. Košík skrýva ďalší krok alebo núti hádať podmienky
Zákazník by mal vedieť, čo ho čaká po kliknutí na „Pokračovať“. Ak je cesta k dokončeniu nákupu neprehľadná, voľba nákupu bez registrácie málo viditeľná alebo sa celkové náklady objavujú príliš neskoro, rastie neistota.
Čo zmeniť: prejdite nákup ako nový návštevník. Zobrazte ďalší krok zrozumiteľne, včas komunikujte dodanie a náklady a nepreťažujte proces zbytočnými poliami. Toto sú všeobecné UX odporúčania; ich obchodný dopad treba merať na konkrétnom e-shope.
Ilustrácia kontroly e-shopu s klávesnicou, kontrastom a ALT textami
Ako preveriť prístupnosť e-shopu vo Wixe
Wix má nástroj Accessibility Wizard, ktorý pomáha zachytiť napríklad chýbajúce ALT texty či problémy s kontrastom. Je dostupný vo Wix Editore aj Studio Editore; obsahuje tiež úlohy na ručnú kontrolu. [6]
Automatický nástroj však nie je certifikát prístupnosti. Dokumentácia Wixu uvádza, že niektoré časti e-shopu, vrátane checkoutu a bočného košíka, nemusia byť skenerom pokryté. Preto treba kritické nákupné kroky otestovať manuálne. [7]
Pätnásťminútový test, ktorý odhalí veľa
Otvorte produkt na mobile, skúste ho nájsť a pridať do košíka. Potom na počítači prejdite rovnaký postup iba klávesnicou. Zväčšite stránku, skontrolujte kontrast a zámerne vyvolajte chybu vo formulári. Nakoniec overte názvy tlačidiel a popisy obrázkov pomocou čítačky obrazovky, napríklad VoiceOver.
Tento rýchly test nenahrádza odborný audit, ale pomáha určiť, kde sa oplatí začať.
Čo opraviť ako prvé a ako merať výsledok
Najprv riešte chyby, ktoré bránia nákupu. Nefunkčné ovládanie variantu produktu alebo nevyplniteľný formulár majú vyššiu prioritu než drobná vizuálna nedokonalosť.
V druhom kroku opravte čitateľnosť cien, popisy obrázkov a zrozumiteľnosť navigácie. Až potom dolaďujte kozmetické detaily. Pri každej zmene si poznačte, čo sa opravilo, na akých zariadeniach bola otestovaná a kto úpravu schválil.
Úspech sa dá sledovať napríklad cez dokončené objednávky, odchody v jednotlivých krokoch checkoutu, počet chýb vo formulároch alebo zákaznícke otázky. Zlepšenie prístupnosti samo osebe negarantuje rast konverzií – odstraňuje však bariéry, ktoré ľuďom môžu zabraňovať v nákupe.
Často kladené otázky
Čo je prístupnosť e-shopu v jednej vete?
Je to schopnosť e-shopu umožniť ľuďom nájsť a objednať produkt aj pri používaní asistenčných technológií, klávesnice, väčšieho textu alebo iných spôsobov ovládania.
Musí mať každý slovenský e-shop od roku 2025 prístupný web?
Nie je správne odpovedať paušálne. Európske a slovenské pravidlá sa vzťahujú na definované služby pre spotrebiteľov a obsahujú výnimky vrátane mikropodnikov poskytujúcich služby. Konkrétne povinnosti treba overiť podľa aktuálnej legislatívy a charakteru prevádzky.
Stačí spustiť Accessibility Wizard vo Wixe?
Nie. Je to užitočný prvý krok, no automatická kontrola nepokrýva všetky scenáre, napríklad niektoré kroky objednávky. Potrebné je testovanie s klávesnicou, mobilom a asistenčnými technológiami.
Oplatí sa riešiť prístupnosť aj pri menšom e-shope?
Áno, aj keď sa na konkrétny podnik nevzťahuje určitá zákonná povinnosť. Čitateľné texty, prehľadný checkout a jasné formuláre sú súčasťou kvalitného nákupného zážitku bez ohľadu na veľkosť firmy.
Lepší e-shop nezačína ďalším efektom, ale odstránením bariér
Dobrý dizajn má zákazníkovi pomáhať. Ak sa v ňom stráca, dôvodom nemusí byť slabá reklama ani nezaujímavý produkt – niekedy mu web iba zbytočne komplikuje cestu k objednávke.
V SUBE prepájame grafický dizajn, obsah a tvorbu webov. Ak riešite nový e-shop alebo úpravu existujúceho webu, pomôžeme premyslieť komunikáciu a používateľský zážitok tak, aby bol zrozumiteľný a funkčný naprieč zariadeniami.
Ozvite sa SUBE a pozrime sa na váš web očami zákazníka.
