UX Dizajnpokročilý

Čo je WCAG (Web Content Accessibility Guidelines)?

WCAG je medzinárodný štandard pre prístupnosť webového obsahu, vydávaný organizáciou W3C. Definuje pravidlá a kritériá úspešnosti rozdelené do troch úrovní: A, AA a AAA.

Definícia WCAG (Web

Čo je WCAG

WCAG (Web Content Accessibility Guidelines) je súbor medzinárodných smerníc pre prístupnosť webového obsahu. Vydáva ho W3C (World Wide Web Consortium). Aktuálna verzia WCAG 2.2 bola vydaná v roku 2023 a obsahuje 87 kritérií úspešnosti.

WCAG je založený na štyroch princípoch známych ako POUR: obsah musí byť vnímateľný (Perceivable), ovládateľný (Operable), zrozumiteľný (Understandable) a robustný (Robust).

Úrovne zhody

  • Úroveň A — základné minimum prístupnosti (napr. alt text pre obrázky, ovládateľnosť klávesnicou)
  • Úroveň AA — štandard pre väčšinu webov, požadovaný legislatívou v EÚ a mnohých krajinách
  • Úroveň AAA — najvyššia úroveň, vhodná pre špecializované weby (napr. vládne služby)

WCAG v praxi

V Európskej únii smernica European Accessibility Act vyžaduje od roku 2025 splnenie WCAG 2.1 úrovne AA pre digitálne služby vrátane e-shopov, bankových aplikácií a verejných webov. Nesplnenie môže viesť k právnym dôsledkom.

Pre vývojárov je kľúčové poznať najdôležitejšie kritériá: farebný kontrast (1.4.3), navigáciu klávesnicou (2.1.1), alt text (1.1.1) a konzistentnú navigáciu (3.2.3). Automatizované nástroje dokážu odhaliť asi 30 % problémov — zvyšok vyžaduje manuálne testovanie.

Praktický príklad

Príklad: Audit prístupnosti firemného webu podľa WCAG 2.1 AA.

Audítor použije nástroj Lighthouse a axe DevTools na automatickú kontrolu. Výsledky odhalia 15 chýb: chýbajúce alt texty, nedostatočný kontrast a neprístupné formuláre. Následne vykoná manuálne testovanie s klávesnicou a screen readerom VoiceOver, kde nájde ďalších 8 problémov — najmä chýbajúce ARIA atribúty a nesprávne poradie nadpisov.

Často kladené otázky

Čo je WCAG?

WCAG (Web Content Accessibility Guidelines) je medzinárodný štandard pre prístupnosť webového obsahu. Vydáva ho W3C a definuje pravidlá rozdelené do troch úrovní: A, AA a AAA.

Akú úroveň WCAG by som mal splniť?

Pre väčšinu komerčných webov sa odporúča úroveň AA. V EÚ je od roku 2025 úroveň AA povinná pre digitálne služby podľa European Accessibility Act.

Ako otestovať zhodu s WCAG?

Kombináciou automatizovaných nástrojov (Lighthouse, axe DevTools) a manuálneho testovania (klávesnica, screen reader). Automatizované nástroje dokážu odhaliť asi 30 % problémov.

Čo je princíp POUR v WCAG?

POUR je skratka štyroch princípov WCAG: Perceivable (vnímateľný), Operable (ovládateľný), Understandable (zrozumiteľný) a Robust (robustný). Každé kritérium WCAG spadá pod jeden z týchto princípov.

Súvisiace pojmy

Farebný kontrast

Farebný kontrast je pomer jasu medzi textom a jeho pozadím, ktorý určuje čitateľnosť obsahu. WCAG štandard vyžaduje minimálny kontrastný pomer 4.5:1 pre bežný text a 3:1 pre veľký text.

ARIA role

ARIA role je atribút v HTML, ktorý definuje úlohu prvku pre asistenčné technológie ako čítačky obrazovky. Umožňuje sprístupniť dynamický webový obsah aj používateľom so zrakovým postihnutím.

Screen Reader (Čítačka obrazovky)

Screen reader je asistenčná technológia, ktorá prevádza obsah obrazovky na reč alebo Braillovo písmo. Umožňuje nevidiacim a slabozrakým osobám pracovať s počítačom a prehliadať webstránky.

Alt text (Alternatívny text)

Alt text je textový popis obrázka v HTML atribúte alt, ktorý sa zobrazí, keď sa obrázok nenačíta, a ktorý čítačky obrazovky prečítajú nevidiacim používateľom. Je dôležitý pre prístupnosť aj SEO.

Navigácia klávesnicou

Navigácia klávesnicou je schopnosť ovládať celú webstránku bez myši, iba pomocou klávesov Tab, Enter, Escape a šípok. Je nevyhnutná pre používateľov s motorickým postihnutím a používateľov screen readerov.

Späť na slovník

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á.

Napíšte miPozrite moju prácu