Prístupnosť

Prístupnosť znamená, že je web zrozumiteľný a použiteľný pre všetkých používateľov – teda aj pre ľudí so zrakovým, sluchovým, pohybovým alebo iným obmedzením. Podľa aktuálnej slovenskej aj európskej legislatívy máte za určitých podmienok ako prevádzkovatelia e-shopu zákonnú povinnosť, aby váš web spĺňal požiadavky na prístupnosť.

V tomto článku sumarizujeme, čo prístupnosť je, kedy vám vzniká povinnosť jej podmienky splniť, a ako zásady prístupnosti dodržať.

Prístupnosť e-shopu je vhodné riešiť a zásady splniť, aj pokiaľ vám jej dodržiavanie neprikazuje zákon. Prístupný e-shop je používateľsky prívetivejší pre každého návštevníka, funguje lepšie na všetky možné typy zariadení, a často tak prináša vyššie konverzie a lepšie SEO.

Základné princípy prístupnosti

Prístupnosť webu stojí na niekoľkých základných princípoch: web by mal byť vnímateľný, ovládateľný, zrozumiteľný a stabilný. Čo si pod týmito pojmami predstaviť? Napríklad dostatočný kontrast použitých farieb textov a ďalších dôležitých prvkov, dostatočne čitateľné a veľké písmo, prehľadnú štruktúru nadpisov a textov, alebo možnosť ovládať celý web iba pomocou klávesnice. Tiež to znamená, že všetky obrázky a grafiky by mali mať textový popis, videá by mali obsahovať titulky alebo prepisy, a dôležité informácie nesmú byť závislé len na farbách či vizuálnych efektoch.

Všetky tieto zásady pomáhajú ľuďom s rôznymi typmi znevýhodnenia – napríklad nevidomým, ktorí používajú čítačky obrazovky, ľuďom so zvyškami zraku, ktorí si zväčšujú obsah alebo upravujú kontrast, alebo tiež ľuďom s poruchami motoriky, ktorí neklikajú drobné tlačidlá myšou a potrebujú klávesnicu. Prístupnosť ale uľahčuje používanie webu aj všetkým bežným používateľom. Napríklad správny kontrast a veľkosť textu ocenia všetci vaši zákazníci, keď im práve bude svietiť na displej ich zariadenia slnko. A napríklad titulky u videa využijú aj dobre počujúci ľudia v hlučnom prostredí.

Keď je e-shop prístupný, zvyšujete šancu, že v ňom bez problémov nakúpi širší okruh ľudí. Zároveň tým ukazujete ústretovosť a férovosť voči zákazníkom so špecifickými potrebami. A v neposlednom rade prístupnosť podporuje SEO a lepšiu technickú kvalitu webu, pretože prehľadná štruktúra a dobre označený obsah pomáhajú aj vyhľadávačom.

Zákony, smernice a normy

Od 28. júna 2025 je na Slovensku v platnosti zákon č. 351/2022 Z. z. o prístupnosti výrobkov a služieb pre osoby so zdravotným postihnutím, ktorý ukladá splniť podmienky prístupnosti okrem iného aj prevádzkovateľom e-shopov. Povinnosti z tohto zákona sa nevzťahujú na:

• e-shopy, ktoré fungujú výhradne v režime B2B (tzn. ak predávate iba podnikateľským subjektom),
• na tzv. mikropodniky, ktorými sú subjekty s maximálne 10 zamestnancami a zároveň s ročným obratom do 2 miliónov EUR.

Uvedený slovenský zákon vychádza zo smernice EU o požiadavkách na prístupnosť výrobkov a služieb, a tým pádom rovnaké (alebo veľmi podobné) podmienky platia vo všetkých ďalších krajinách EU.

Užitočné a súvisiace odkazy s podrobnosťami k pravidlám prístupnosti:

• Smernica Európskeho parlamentu a Rady (EU) 2019/882 o požiadavkách na prístupnosť výrobkov a služieb
• Slovenský zákon č. 351/2022 Z. z. o prístupnosti výrobkov a služieb pre osoby so zdravotným postihnutím
• Web Content Accessibility Guidelines (WCAG) 2.1 – sada odporúčaní od organizácie W3C pre dosiahnutie prístupnosti webov
• Pravidlá a kritériá prístupnosti na pristupne-stranky.cz – zhrnutie pravidiel, zásad a odporúčaní ohľadom prístupnosti v češtine

Zásady prístupnosti, ktoré za vás rieši Shoptet

Aby sme vám napĺňanie zákonných požiadaviek čo najviac uľahčili, upravujeme našu platformu tak, aby reflektovala štandardy prístupnosti WCAG 2.1. Aktívne komunikujeme aj so Shoptet Partnermi, aby aj nimi vyvíjané doplnky a individuálne úpravy HTML kódu šablón spĺňali zásady prístupnosti.

Niektoré zásady a pravidlá prístupnosti sa týkajú samotného obsahu v e-shope – napríklad popisov a obrázkov pri produktoch, textov v článkoch a na stránkach, zvolených farbách šablóny, alebo napríklad znenie všeobecných obchodných podmienok. Prístupnosť tohto obsahu si musíte postrážiť vy sami ako prevádzkovatelia e-shopu. Podrobnosti k týmto zásadám nájdete v ďalšej sekcii Zásady prístupnosti, ktoré musí riešiť e-shop.

Podrobné požiadavky na prístupnosť sú pomerne rozsiahle, pre zjednodušenie uvádzame iba oblasti, v ktorých k úpravám platformy z našej strany dochádza:

• štruktúra HTML kódu šablón
• zmeny východzích farebných schém a úprava ich kontrastov
• podpora ovládania e-shopu klávesnicou
• optimalizácia responzivity šablón
• štruktúra a opisy formulárov

Jednotlivé úpravy sú neustále priebežne dopĺňané. Podrobnosti môžete prípadne sledovať na našom blogu a v novinkách na webe pre vývojárov Shoptet Developers. Väčšie zmeny zavádzame prostredníctvom funkcie Odložené aktualizácie šablón.

Zásady prístupnosti, ktoré musí riešiť e-shop

Prístupnosť e-shopu nezahŕňa len technické riešenia, ale aj samotný obsah. My, ako Shoptet, ani naši partneri, nemôžeme garantovať 100% prístupnosť, pretože nemáme kontrolu nad obsahom, ktorý do e-shopu vkladáte vy ako prevádzkovateľ.

Za prístupnosť obsahu zodpovedáte vy ako prevádzkovateľ e-shopu. To sa týka napríklad všetkých textov, obrázkov a videí, ktoré do e-shopu vložíte, ale aj niektorých nastavení, ako je napríklad voľba farebnosti vybraných prvkov.

Skontrolovať si, či váš e-shop spĺňa zásady prístupnosti, môžete aj pomocou rôznych automatizovaných nástrojov, ako je napríklad nástroj WAVE.

Všeobecné obchodné podmienky (VOP)

Jednou z povinností, ktorá zo zákona o požiadavkách na prístupnosť vyplýva, je aj úprava vašich všeobecných obchodných podmienok. Tie by mali obsahovať:

• všeobecný opis služby – teda ako funguje nakupovanie na vašom e-shope a aké služby poskytujete. Táto časť bude u každého e-shopu individuálna.
• informácie o tom, ako váš e-shop spĺňa požiadavky na prístupnosť.

Partnerské šablóny a individuálne úpravy šablón

V prípade, že vo vašom e-shope používate niektorú zo šablón od našich Shoptet partnerov, mala by už byť šablóna upravená tak, aby pravidlá prístupnosti spĺňala – rovnako ako šablóny od Shoptetu. Za podobu a fungovanie partnerských šablón zodpovedajú autori šablóny. Prípadné pripomienky alebo požiadavky na úpravy je potrebné smerovať na nich.

Ak máte šablónu e-shopu individuálne upravenú na mieru pomocou HTML kódov, je zodpovednosť za splnenie požiadaviek na prístupnosť na vás ako prevádzkovateľovi e-shopu. Odporúčame preto s autormi úprav vždy všetko dôkladne prekonzultovať a skontrolovať, že úpravy spĺňajú pravidlá a zásady prístupnosti.

Farebnosť a kontrast

Prístupnosť sa týka aj farebnosti vášho e-shopu. Použité farby by mali mať dostatočný kontrast, aby bol obsah čitateľný aj pre osoby so zrakovým obmedzením, ako je napríklad porucha farebného videnia (ľudovo známa ako „farbosleposť“). Dostatočný kontrast pomôže tiež všetkým návštevníkom s menej kvalitnými alebo zle nastavenými displejmi, a tiež napríklad pri horších svetelných podmienkach – napríklad keď zákazníkovi svieti na displej slnko.

Ako sa kontrast meria

Farebný kontrast udáva rozdiel medzi farbou textu a pozadím, na ktorom je text zobrazený. Meria sa ako pomer svietivosti týchto dvoch farieb. Najnižší kontrast je 1:1, keď je farba písma a pozadia takmer rovnaká a text je tak prakticky neviditeľný. Najvyššia možná hodnota kontrastu je 21:1, čo je napríklad čierny text na bielom pozadí.

Pre splnenie požiadaviek prístupnosti sa vychádza zo štandardov WCAG (Web Content Accessibility Guidelines), ktoré určujú nasledujúce hodnoty kontrastu:

• minimálny kontrast 4,5:1 – pre bežný text (v rámci úrovne prístupnosti WCAG AA),
• minimálny kontrast 3:1 – pre veľký text (nad 18 bodov, resp. 14 bodov pri tučnom písme),
• ideálny kontrast 7:1 – pre bežný text (pre najvyššiu úroveň prístupnosti WCAG AAA).

Ak chcete, aby váš e-shop spĺňal nielen minimum dané zákonom, ale bol naozaj dobre čitateľný pre všetkých používateľov, odporúčame mieriť práve na vyššie hodnoty kontrastu, t. j. na hodnotu 7:1 a vyššie.

Ako kontrast skontrolovať

Skontrolovať kontrast vami použitých farieb môžete pomocou mnohých nástrojov. Jedným z nich je napríklad Contrast Checker od WebAIM. Kontrast farieb ale môžete skontrolovať aj napríklad v prehliadači Chrome v jeho Nástrojoch pre vývojárov.

Kontrast odporúčame kontrolovať u všetkých nastavení farieb v administrácii, ktoré ovplyvňujú zobrazenie vášho e-shopu zákazníkom. Ide napríklad o nastavenie farieb a farebných schém v Návrhárovi šablón, farby dostupností produktov, farby príznakov produktov a príznakov množstevných zliav a zliav X+Y. U systémovo daných farieb textov a prvkov, ktoré nastavením v administrácii e-shopu nemôžete meniť, strážime správny kontrast za vás.

Používateľský obsah

Za prístupnosť obsahu, ktorý na svoj e-shop vkladáte vy sami, zodpovedáte vy ako prevádzkovateľ. Najčastejšie pôjde o popisy produktov, obsah článkov a stránok, rôzne typy bannerov, alebo napríklad akýkoľvek obsah, ktorý vložíte prostredníctvom WYSIWYG textového editora v administrácii e-shopu. Na čo sa pri vkladanom obsahu máte zamerať?

• Správna štruktúra textov: Používajte nadpisy v správnej hierarchii (H1, H2, H3, ...), rozdeľujte text do odsekov a vhodne využívajte ďalšie formátovanie ako sú odrážky, zoznamy, zvýrazňovanie textu a pod. Texty vkladajte vždy ako skutočný text, a nie ako obrázky.
• Popisy obrázkov (alt texty): Každý obrázok by mal mať vyplnený popis (alternatívny text), ktorý vystihuje jeho obsah. Pomáha to nielen nevidiacim používateľom so čítačkami, ale aj SEO vášho e-shopu.
• Texty v grafike: Pri banneroch a ďalších grafických prvkoch sa snažte obmedziť množstvo textu, ktorý je súčasťou obrázka. Dlhé texty by mali byť radšej samostatne ako bežný text.
• Videá: Ak na e-shop umiestňujete videá, mali by u nich byť k dispozícii titulky alebo prepisy, aby boli zrozumiteľné aj pre používateľov so sluchovým obmedzením.