1. Poradie zamerania: lišta nie je modálne okno

Väčšina líšt sa správa ako modálne okno: po načítaní stránky uchmatne zameranie klávesnice, uzamkne rolovanie a prekryje obsah. Pre človeka s klávesnicou alebo čítačom obrazovky to znamená, že sa k stránke, po ktorú prišiel, dostane až po tom, čo lištu nejako vybaví. To je zlé poradie priorít: súhlas s cookies nie je dôvod, prečo prišiel.

Správna lišta je oblasť (region) s vlastným nadpisom, ktorá sa v dokumente nachádza skoro, hneď za odkazmi na preskočenie, ale zameranie na ňu nepresúva. Používateľ klávesnice ju nájde po troch stlačeniach Tab, používateľ čítača obrazovky ju vidí v zozname oblastí a navyše dostane jednu zdvorilú vetu, že lišta existuje a kde je. Stránka zostáva celá použiteľná aj bez rozhodnutia, pretože kým sa nikto nerozhodol, neukladá sa nič okrem nevyhnutného.

Modálne okno má zmysel iba vtedy, keď bez rozhodnutia naozaj nemožno pokračovať. Pri cookies to neplatí: bez súhlasu sa jednoducho nenačítajú analytické a marketingové skripty. Kto trvá na modálnom okne, priznáva, že chce súhlas vynútiť.

2. Zavrieť sa dá vždy, a odmietnuť je rovnako ľahké ako súhlasiť

Dve požiadavky, jedna technická a jedna etická. Technická: lištu musí byť možné zavrieť klávesom Escape a jej obsah nesmie byť pascou pre klávesnicu (kritérium 2.1.2). Zavretie bez rozhodnutia znamená odmietnutie nepodstatných cookies; tak to vyplýva z požiadavky na slobodný a aktívny súhlas.

Etická: tlačidlá „Prijať všetky“ a „Odmietnuť nepodstatné“ musia byť rovnako viditeľné a rovnako blízko. Sivé „Odmietnuť“ ukryté za tlačidlom „Nastavenia“ a za tromi klikmi je klamlivý vzor, ktorý európske dozorné orgány vrátane slovenského Úradu na ochranu osobných údajov opakovane označujú za neplatný súhlas. Pre používateľa so zníženou pozornosťou alebo kognitívnym znevýhodnením je to navyše bariéra, nie iba nepríjemnosť.

K zavretiu patrí aj to, že lišta nesmie zakrývať zameraný prvok (kritérium 2.4.11 vo WCAG 2.2). Lišta pripnutá k spodnému okraju okna prekryje každé tlačidlo, na ktoré človek s klávesnicou dôjde na konci stránky. Riešenie je jednoduché: kým je lišta zobrazená, zapíše svoju výšku do scroll-padding dokumentu a prehliadač zameraný prvok sám vyroluje nad ňu.

3. Právo zmeniť názor

Súhlas, ktorý sa nedá odvolať rovnako ľahko, ako sa dal, nie je súhlas. V praxi to znamená trvalý odkaz alebo tlačidlo „Zmeniť nastavenia cookies“, typicky v pätičke každej stránky, ktoré otvorí tú istú lištu s aktuálnou voľbou. Po zatvorení sa zameranie vráti na tlačidlo, z ktorého používateľ prišiel, presne ako pri každom inom rozbaľovacom prvku.

Dve drobnosti, na ktoré sa zabúda. Po prvé, na zapamätanie odmietnutia netreba žiadnu cookie; stačí lokálne úložisko prehliadača. Po druhé, uložená voľba by mala mať verziu: keď pribudne nová kategória alebo nový nástroj, zvýšite verziu a lišta sa opýta znova, namiesto toho, aby sa nový nástroj potichu schoval pod starý súhlas.

Prečo nepoužiť plugin

Nie je to dogma; je to skúsenosť z auditov. Pluginy na správu súhlasu majú pravidelne tieto problémy:

• Načítavajú skripty tretích strán ešte pred súhlasom. Samotný plugin býva skript z cudzej domény, ktorý si so sebou nesie vlastné cookies a vlastné sledovanie. Súhlas s cookies sa tak získava nástrojom, ktorý ich sám porušuje.
• Generická ARIA namiesto sémantiky. Okno bez nadpisu, tlačidlá z prvkov div, prepínače bez menoviek, aria-hidden na celej stránke, ktoré sa po zatvorení zabudne odstrániť. Z čítača obrazovky sa stane tichý web.
• Pasca na zameranie. Zameranie sa uzamkne v lište, ale Escape nefunguje a jediná cesta von je súhlas.
• Prekrývanie obsahu a nulová podpora priblíženia. Pri 400 % priblížení lišta zaberie celú obrazovku a nedá sa odrolovať.
• Nedá sa skontrolovať ani opraviť. Kód sa mení bez vášho vedomia, hodnotenie prístupnosti platí len do najbližšej aktualizácie a chybu, ktorú nájdete, nemôžete opraviť.
• Právne riziko zostáva vaše. Povinnosť získať súhlas podľa § 109 ods. 8 zákona č. 452/2021 Z. z. o elektronických komunikáciách a podľa nariadenia GDPR nesie prevádzkovateľ webu, nie dodávateľ pluginu.

Vlastná lišta je pritom pár desiatok riadkov: oblasť s nadpisom, tri tlačidlá, jedna skupina prepínačov a uloženie voľby. Ak potrebujete správu súhlasov pre desiatky nástrojov, potrebujete predovšetkým menej nástrojov.

Ako to vyzerá v praxi

Na stránke Vzory prístupných komponentov je lišta, ktorá všetko vyššie spĺňa, aj s klávesovou mapou, oznamami pre čítač obrazovky a kódom na skopírovanie. Toto webové sídlo cookies nepoužíva vôbec, takže lišta je len ukážka; o to ľahšie sa na nej skúša.

Kontrolný zoznam

• Lišta je oblasť s nadpisom, umiestnená skoro v dokumente, bez presunu zamerania po načítaní.
• Stránka je použiteľná bez rozhodnutia; pred súhlasom sa nenačíta nič nepodstatné.
• Escape lištu zavrie a znamená odmietnutie; klávesnica z nej vždy vyjde.
• „Prijať“ a „Odmietnuť“ sú rovnocenné tlačidlá; žiadne predvolene zaškrtnuté kategórie.
• Lišta nezakrýva zameraný prvok; obsah za ňou sa dá dorolovať aj pri 400 % priblížení.
• Voľbu možno zmeniť z každej stránky; po zatvorení sa zameranie vráti na tlačidlo.
• Voľba má verziu a pri zmene kategórií sa lišta opýta znova.
• Po uložení zaznie stavová správa, ktorú čítač obrazovky prečíta bez prerušenia.

Len žiadnu paniku…

V prvom rade si overte, či sa vás Európsky akt o prístupnosti (EAA) týka. Ale veľmi stručne, ak máte e-shop, mobilnú aplikáciu, webové stránky, na ktorých ponúkate akékoľvek služby, alebo posielate koncovým spotrebiteľom elektronické faktúry, EAA sa vás týka. Ak si nie ste istý, overte si to našim testom. B2B sa EAA netýka, ale ak ponúkate službu, ktorú vaši partneri ponúkajú zákazníkom – koncovým spotrebiteľom, tak len prenášate problém na nich a buď o týchto partnerov prídete, alebo oni začnú prenášať zodpovednosť na vás. Vyberte si, čo je horšie… Ak ponúkate služby či tovary aj v zahraničí, je potrebné konzultovať aj miestnu legislatívu, lebo v niektorých krajinách môže byť spôsob implementácie EAA prísnejší ako u nás.

Prečo je prístupnosť dôležitá? Vypočujte si podcast s nami, ktorý natočil Denník N. Naposledy sme o prístupnosti hovorili aj pre Basta Digital.

Accessibility Doctors

Čo všetko musí byť prístupné?

Stručne? Všetko. Ale postupne. Dôležité je pozrieť sa na celé spektrum poskytovanej služby a komunikácie so zákazníkom. Okrem webovej stránky, mobilnej aplikácie, platobných procesov a pod. nezabudnite ani na:

• zverejnené dokumenty, predovšetkým zmluvné či obchodné podmienky a iný právne záväzný obsah,
• elektronické faktúry,
• návody či inštrukcie k predávaným výrobkom a službám,
• prístupnú nápovedu a zákaznícku podporu,
• elektronickú komunikáciu ako emaily s novinkami či príspevky na sociálnych sieťach,
• propagačné alebo informačné videá a podcasty.

Ako si overím prístupnosť?

Nepotrebujete doktorát z informačnej vedy (aj keď my ho máme :-)). Na overenie základnej prístupnosti vám stačí… odložiť myšku / vypnúť touchpad. Je to nezvyk, ale dokážete sa ku všetkým službám a funkciám na vašej stránke dostať len s pomocou klávesnice? Dokážete bez myšky dokončiť nákupný proces, či poslať otázku cez čet bota? A dáva to, ako sa pohybujete po stránke bez myšky, logický zmysel? Gratulujem, práve ste overili dva veľmi dôležité body: ovládateľnosť z klávesnice a zmysluplné poradie.

Je to len začiatok, ale ak ste prešli týmto testom, zvyšok už pôjde ľahšie. Napríklad rozšírenie WAVE vám pomôže rýchlo identifikovať:

• chyby v kontraste,
• chýbajúce popisky k obrázkom (ak nejde len o dekoračnú grafiku či ilustračné obrázky),
• chýbajúce popisky k poliam vo formulári,
• niektoré prvky, ktoré nie je možné ovládať pomocou klávesnice.

Pre dôkladnejšie otestovanie môžete skúsiť Accessibility Insights, ktoré vás prevedú vybranými bodmi z pravidiel WCAG (Pravidlá pre prístupnosť webového obsahu, nájdete ich aj v slovenčine v neoficiálnom preklade, na ktorom sme sa podieľali). Žiaden automat však neskontroluje viac ako 20 – 30 % z aktuálnych požiadaviek a už vôbec nedokáže skontrolovať prístupnosť podľa v EÚ platnej normy EN 301 549 (PDF, 2,232 MB). Neoveria, či sú použité popisky správne, či používatelia pred a počas vypĺňania formulárov majú dostatočné inštrukcie a či sú upozorňovaní na chyby zrozumiteľnou a prístupnou formou, či je poradie prechádzania obsahom naozaj zmysluplné a pod. Rovnako ako veľa nedostatkov prehliadnu, často hlásia aj mnoho falošne pozitívnych nálezov, predovšetkým ak používate obrázky a podkladovú grafiku vkladanú pomocou CSS.

Ultimátnym testom je samozrejme použitie asistenčnej technológie, napríklad NVDA pre Windows, alebo VoiceOver pre MacOS. Aj Linux má svoj vlastný nástroj, ktorý sa volá Orca.

Prístupnosť PDF dokumentov vám pomôže overiť buď platená verzia Adobe Acrobat Pro, alebo zdarma dostupný PDF Accessibility Checker PAC 2026 (len pre Windows).

Je toho na vás príliš? Napíšte nám a pozrieme sa na to spolu s vami!

Pri rozhodovaní o tom, čo sa bude alebo nebude realizovať je užitočné myslieť aj na to, aké výhody nám ako firme môže prístupnosť priniesť. Existuje totiž množstvo benefitov, vďaka ktorým môže byť prístupnosť pre firmu pridanou hodnotou a môže zlepšiť jej konkurencieschopnosť.

Prístupnosť pomáha získať viac zákazníkov a posilniť značku

Prístupnejšie digitálne riešenia znamenajú väčšiu zákaznícku základňu, keďže osoby so zdravotným postihnutím, seniori alebo ľudia s dočasnými obmedzeniami (napr. so zlomenou rukou alebo krátkodobým zhoršením videnia) budú môcť služby a výrobky jednoduchšie využívať. Odstránením bariér si získame ich dôveru a spokojnosť s používaním našich výrobkov a služieb. Firmy, ktoré sa včas prispôsobia novým požiadavkám, minimalizujú riziko právnych sporov a sankcií, vrátane finančných pokút, a zároveň si vybudujú pozitívny imidž spoločensky zodpovednej značky.

Prístupnosť zlepšuje používateľskú skúsenosť pre všetkých

Prístupnosť nie je len o splnení požiadaviek pre ľudí so zdravotným postihnutím – zlepšuje celkovú používateľskú skúsenosť (UX) pre každého. Keď je webová stránka, mobilná aplikácia alebo digitálny výrobok navrhnutý s dôrazom na jednoduchosť, intuitívnosť a použiteľnosť, všetci používatelia z toho profitujú. Aké konkrétne vylepšenia prístupnosť prináša?

• Zrozumiteľnejšia navigácia – Jasné a konzistentné menu, logické usporiadanie obsahu a možnosť ovládania klávesnicou alebo hlasovými príkazmi uľahčujú používanie pre každého, nielen pre ľudí so zdravotným postihnutím.
• Lepší farebný kontrast a čitateľnosť – Správne nastavenie farebných kontrastov, dostatočne veľké písmo a prehľadná typografia znižujú únavu očí a zlepšujú čitateľnosť obsahu pre seniorov aj ľudí s dočasne oslabeným zrakom (napr. unavené oči pri práci v noci), ako aj na obrazovkách vystavených priamemu slnečnému svetlu či pri projekcii na veľké plátno, kde slabý farebný kontrast môže výrazne znížiť čitateľnosť.
• Jednoduchšie formuláre a interakcie – Dobre navrhnuté formuláre so zreteľnými popismi, správnym označením chýb a možnosťou automatického dopĺňania údajov zlepšujú efektivitu a znižujú frustráciu používateľov.
• Zrozumiteľnejší obsah – Používanie jednoduchého jazyka, krátkych viet a dobre štruktúrovaného textu pomáha nielen ľuďom s kognitívnymi poruchami, ale aj všetkým používateľom, ktorí čítajú na mobilných zariadeniach alebo nie sú rodenými hovorcami jazyka stránky.
• Prispôsobiteľnosť pre rôzne zariadenia – Prístupný dizajn je responzívny, čo znamená, že sa správne zobrazí na mobiloch, tabletoch aj desktopoch. To vedie k lepšiemu používateľskému komfortu a zabraňuje odchodu návštevníkov zo stránky. Zároveň je responzívny dizajn dôležitý aj z pohľadu SEO, pretože od 5. júla 2024 Google crawler indexuje len tie webové stránky, ktoré sú responzívne.

Prístupnosť a SEO: Lepšia viditeľnosť vo vyhľadávačoch

Jedným z menej diskutovaných, no veľmi dôležitých benefitov prístupnosti je pozitívny vplyv na SEO (optimalizáciu pre vyhľadávače). Keď je webová stránka prístupná, často zároveň spĺňa aj kľúčové SEO požiadavky, ktoré zlepšujú jej pozíciu v generických výsledkoch vyhľadávania. Ako konkrétne prístupnosť ovplyvňuje SEO?

• Lepšia štruktúra obsahu – Použitie správne označených nadpisov (H1, H2, H3 atď.), logická hierarchia informácií a dobre organizované sekcie pomáhajú vyhľadávačom lepšie pochopiť obsah stránky a zvýšiť jej relevanciu.
• Alternatívne texty pre obrázky – Vyhľadávače nemôžu „vidieť“ obrázky, ale dokážu prečítať ich alternatívne texty. Správne vyplnené alternatívne texty pomáhajú nielen nevidiacim používateľom, ale aj pri zobrazovaní stránky vo vyhľadávačoch.
• Rýchlejšie načítanie stránok – Optimalizácia pre prístupnosť často zahŕňa odstránenie zbytočných prvkov, čím sa zrýchľuje načítanie stránky. Google považuje rýchlosť načítania za dôležitý faktor pri hodnotení stránok vo výsledkoch vyhľadávania.
• Mobilná prístupnosť = vyššie hodnotenie v Google – Keďže Google presadzuje mobile-first indexing (hodnotenie podľa mobilnej verzie stránky), responzívny dizajn a prístupnosť pre dotykové zariadenia môžu výrazne ovplyvniť SEO skóre.
• Jasnejší a zrozumiteľnejší text – Používanie jednoduchého jazyka a krátkych odsekov zlepšuje čitateľnosť nielen pre používateľov, ale aj pre vyhľadávače, ktoré tak dokážu lepšie pochopiť obsah stránky.
• Zrozumiteľné hypertextové odkazy aj mimo kontext – Popisné a jednoznačné texty hypertextových odkazov (napr. „Prečítajte si prehľad zmien WCAG 2.2“ namiesto „Zobraziť viac“) zlepšujú orientáciu na webovej stránke a pomáhajú vyhľadávačom lepšie pochopiť prepojenia medzi stránkami.

Pripravenosť na budúcnosť digitálneho trhu

S blížiacim sa termínom účinnosti EAA je kľúčové, aby organizácie začali s úpravami svojich digitálnych riešení čo najskôr. Implementácia opatrení v oblasti prístupnosti si vyžaduje dôkladné plánovanie, testovanie a postupné zavádzanie zmien, najmä v prípade rozsiahlych digitálnych platforiem. Čím skôr firmy s touto implementáciou začnú, tým jednoduchšie a nákladovo efektívnejšie bude ich prispôsobenie sa novým normám.

Dôsledná príprava umožňuje nielen splniť zákonné požiadavky, ale aj získať konkurenčnú výhodu a podporiť inovácie v digitálnom prostredí. Tým sa môžu firmy odlíšiť od konkurencie a prispieť k vytvoreniu inkluzívnejšej digitálnej spoločnosti, kde má každý rovnaký prístup k informáciám a službám.

S prípravou a plánovaním implementácie požiadaviek na prístupnosť vám vieme pomôcť, prečítajte si viac v časti Služby.