Čo je Prístupnosť webu (Web Accessibility)?
Prístupnosť webu (web accessibility) znamená navrhovanie webstránok tak, aby ich mohli používať všetci ľudia — vrátane tých so zdravotným postihnutím. Zahŕňa podporu čítačiek obrazovky, klávesovú navigáciu, dostatočný farebný kontrast a ďalšie úpravy.
Definícia Prístupnosť webu
Definícia prístupnosti webu
Prístupnosť webu (anglicky web accessibility, skrátene a11y) je prax navrhovania a vývoja webstránok tak, aby ich mohli používať všetci ľudia, bez ohľadu na ich schopnosti alebo zdravotné obmedzenia. To zahŕňa ľudí so zrakovým, sluchovým, motorickým alebo kognitívnym postihnutím.
Medzinárodným štandardom pre prístupnosť webu sú WCAG (Web Content Accessibility Guidelines), vydávané organizáciou W3C (World Wide Web Consortium). Aktuálna verzia WCAG 2.1 bola vydaná v júni 2018, WCAG 2.2 v októbri 2023.
Princípy WCAG — POUR
WCAG je postavené na štyroch princípoch, známych pod skratkou POUR:
- Perceivable (Vnímateľné) — obsah musí byť prezentovaný spôsobom, ktorý používatelia dokážu vnímať (napr. alt text pre obrázky, titulky pre videá)
- Operable (Ovládateľné) — rozhranie musí byť ovládateľné všetkými používateľmi (napr. klávesová navigácia, dostatočný čas na interakciu)
- Understandable (Zrozumiteľné) — obsah a rozhranie musia byť zrozumiteľné (napr. jasný jazyk, predvídateľná navigácia)
- Robust (Robustné) — obsah musí fungovať s rôznymi technológiami vrátane asistenčných (napr. čítačky obrazovky)
Úrovne zhody WCAG
- Úroveň A — základná prístupnosť (minimum)
- Úroveň AA — štandard, ktorý by mala spĺňať väčšina webstránok. Vyžadovaný legislatívou v EÚ a USA.
- Úroveň AAA — najvyššia úroveň prístupnosti (nie vždy dosiahnuteľná pre každý obsah)
Bežné problémy prístupnosti
- Chýbajúci alt text — obrázky bez popisu sú neviditeľné pre nevidiacich používateľov
- Nedostatočný kontrast — svetlý text na svetlom pozadí je nečitateľný pre slabozrakých (minimum 4.5:1 pre bežný text)
- Chýbajúca klávesová navigácia — niektorí používatelia nemôžu používať myš
- Chýbajúce ARIA labely — interaktívne prvky bez popisov sú nepoužiteľné s čítačkou obrazovky
- Automatické prehrávanie zvuku/videa — rušivé a problematické pre používateľov čítačiek
Legislatíva
V EÚ smernica o prístupnosti webových sídiel (European Accessibility Act) vyžaduje, aby verejné webstránky spĺňali WCAG 2.1 AA. V USA je to ADA (Americans with Disabilities Act) a Section 508. Firmy môžu byť žalované za neprístupné webstránky.
Praktický príklad
Príklad: E-shop s oblečením.
Neprístupný web: Obrázky produktov bez alt textu — nevidiaci zákazník nevie, čo sa predáva. Tlačidlo „Pridať do košíka" je len ikona bez popisu — čítačka obrazovky povie len „tlačidlo". Formulár bez labelov — hlasové ovládanie nefunguje.
Prístupný web: Každý obrázok má popis (alt="Dámske červené šaty, veľkosť M"). Tlačidlá majú jasné ARIA labely. Formuláre majú viditeľné labely. Kontrast textu je minimálne 4.5:1. Celý web sa dá ovládať klávesnicou.
Výsledok: Web je použiteľný pre všetkých — vrátane 15 % populácie so zdravotným postihnutím. Navyše, prístupný web má lepšie SEO a nižšie právne riziko.
Často kladené otázky
Čo je prístupnosť webu?
Prístupnosť webu (web accessibility) znamená navrhovanie webstránok tak, aby ich mohli používať všetci ľudia — vrátane tých so zrakovým, sluchovým, motorickým alebo kognitívnym postihnutím.
Čo je WCAG?
WCAG (Web Content Accessibility Guidelines) sú medzinárodné smernice pre prístupnosť webového obsahu, vydávané organizáciou W3C. Aktuálna verzia je WCAG 2.2 z roku 2023. Štandardom je úroveň AA.
Je prístupnosť webu povinná zo zákona?
V EÚ áno — European Accessibility Act vyžaduje prístupnosť verejných webstránok podľa WCAG 2.1 AA. V USA je to ADA a Section 508. Súkromné firmy môžu byť žalované za neprístupné weby.
Ako otestovať prístupnosť webstránky?
Použite automatizované nástroje ako WAVE, axe DevTools alebo Lighthouse v Chrome DevTools. Doplňte manuálnym testovaním — skúste web ovládať len klávesnicou a otestujte ho s čítačkou obrazovky.
Ovplyvňuje prístupnosť SEO?
Áno, prístupnosť a SEO sa výrazne prekrývajú. Alt texty, správna štruktúra nadpisov, sémantický HTML a čitateľný obsah pomáhajú aj vyhľadávačom lepšie pochopiť stránku.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.