Zdroje a slovník webovej prístupnosti

Táto stránka slúži ako váš referenčný bod pre terminológiu prístupnosti, oficiálne štandardy, nástroje a ďalšie vzdelávanie. Uložte si ju do záložiek a vracajte sa, kedykoľvek potrebujete vyhľadať pojem alebo nájsť zdroj.

Slovník pojmov webovej prístupnosti

Strom prístupnosti (Accessibility Tree) — Zjednodušená reprezentácia DOM, ktorú prehliadače vytvárajú pre asistenčné technológie. Obsahuje sémantické informácie o prvkoch stránky — ich názvy, roly, stavy a vlastnosti — ktoré čítačky obrazovky a ďalšie asistenčné technológie používajú na prezentáciu obsahu používateľom.

Alternatívny text (Alt Text) — Textový popis netextového obsahu, najčastejšie obrázkov. Alt text je čítaný nahlas čítačkami obrazovky a zobrazuje sa, keď sa obrázky nenačítajú. Mal by opisovať účel alebo obsah obrázka, nie len jeho vizuálny vzhľad.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. Špecifikácia W3C, ktorá poskytuje ďalšie HTML atribúty na zlepšenie prístupnosti dynamického webového obsahu a vlastných widgetov. ARIA pridáva sémantické informácie pre asistenčné technológie, keď natívna sémantika HTML nie je dostatočná.

Asistenčná technológia — Hardvér alebo softvér, ktorý ľudia so zdravotným postihnutím používajú na interakciu s digitálnym obsahom. Príklady zahŕňajú čítačky obrazovky (JAWS, NVDA, VoiceOver), lupové programy, alternatívne klávesnice, prepínacie zariadenia, softvér na rozpoznávanie hlasu a systémy sledovania očí.

Zhoda (Conformance) — Stupeň, do akého digitálny obsah spĺňa požiadavky konkrétnej úrovne WCAG. Plná zhoda na danej úrovni znamená, že všetky kritériá úspešnosti na tejto úrovni a nižšie sú splnené pre celú stránku.

EAA (European Accessibility Act) — Smernica EÚ 2019/882 vyžadujúca prístupnosť produktov a služieb vrátane e-commerce, bankovníctva, dopravy a telekomunikácií. Vynútiteľný od 28. júna 2025.

EN 301 549 — Harmonizovaný európsky štandard pre prístupnosť IKT. Zahŕňa WCAG pre webový obsah a poskytuje ďalšie požiadavky na softvér, dokumenty, hardvér a komunikačné technológie. Zhoda s EN 301 549 vytvára predpoklad zhody s EAA.

Indikátor fokusu (Focus Indicator) — Vizuálny indikátor (typicky obrys alebo zvýraznenie), ktorý ukazuje, ktorý prvok na stránke má momentálne fokus klávesnice. Nevyhnutný pre navigáciu klávesnicou.

Orientačný bod (Landmark) — Oblasť stránky identifikovaná ako majúca konkrétny štrukturálny účel, umožňujúca používateľom asistenčných technológií navigovať priamo na ňu. Bežné orientačné body zahŕňajú banner, navigáciu, hlavný obsah, doplnkový obsah a informácie o obsahu. Vytvorené prostredníctvom HTML5 sekčných elementov alebo ARIA orientačných rolí.

Živá oblasť (Live Region) — Oblasť webovej stránky, ktorá sa dynamicky aktualizuje a ktorej zmeny by mali byť oznamované asistenčnými technológiami bez toho, aby používateľ musel na tú oblasť navigovať. Definovaná pomocou atribútu aria-live s hodnotami „polite" (oznámené pri ďalšej vhodnej prestávke) alebo „assertive" (oznámené okamžite).

POUR — Štyri princípy WCAG: Vnímateľný (Perceivable), Ovládateľný (Operable), Zrozumiteľný (Understandable), Robustný (Robust). Všetky smernice WCAG a kritériá úspešnosti sú organizované pod týmito princípmi.

Čítačka obrazovky (Screen Reader) — Softvér asistenčnej technológie, ktorý konvertuje obsah na obrazovke na rečový alebo braillský výstup. Čítačky obrazovky interpretujú strom prístupnosti na prezentáciu obsahu, navigáciu v štruktúre stránky a interakciu s ovládacími prvkami.

Sémantické HTML — HTML značkovanie, ktoré sprostredkúva význam o obsahu, ktorý obsahuje, na rozdiel od iba definovania jeho vzhľadu. Použitie <nav> namiesto <div class="nav">, <button> namiesto <span onclick> a <h2> namiesto <div class="heading"> sú príklady sémantického HTML.

Odkaz na preskočenie (Skip Link) — Navigačný mechanizmus, typicky prvý zaostriteľný prvok na stránke, ktorý umožňuje používateľom klávesnice obísť opakujúce sa bloky obsahu (ako navigačné menu) a skočiť priamo na hlavný obsah.

Kritérium úspešnosti (Success Criterion) — Konkrétna, testovateľná požiadavka v rámci WCAG. Každé kritérium úspešnosti má priradené číslo (napr. 1.4.3), popisný názov (Kontrast — Minimálny) a úroveň zhody (A, AA alebo AAA).

VPAT (Voluntary Product Accessibility Template) — Štandardizovaný formát dokumentu používaný na opis, ako produkt alebo služba spĺňa štandardy prístupnosti. VPAT sú bežne vyžadované v procesoch obstarávania, najmä v americkom verejnom sektore.

WCAG (Web Content Accessibility Guidelines) — Medzinárodný štandard pre webovú prístupnosť publikovaný W3C. Aktuálna verzia je WCAG 2.2, obsahujúca 86 kritérií úspešnosti organizovaných pod štyrmi princípmi a trinástimi smernicami.

Oficiálne štandardy a špecifikácie

• WCAG 2.2 — Aktuálne odporúčanie W3C pre prístupnosť webového obsahu: w3.org/TR/WCAG22/
• Understanding WCAG 2.2 — Podrobné vysvetlenia každého kritéria úspešnosti: w3.org/WAI/WCAG22/Understanding/
• Techniques for WCAG 2.2 — Konkrétne implementačné techniky: w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — Aktuálna špecifikácia ARIA: w3.org/TR/wai-aria-1.2/
• ARIA Authoring Practices Guide — Implementačné vzory pre prístupné widgety: w3.org/WAI/ARIA/apg/
• EN 301 549 — Európsky štandard prístupnosti IKT
• European Accessibility Act — Smernica 2019/882 plný text

Testovacie nástroje

Bezplatné automatizované testovacie nástroje: axe DevTools rozšírenie prehliadača, WAVE rozšírenie prehliadača, Google Lighthouse (vstavaný v Chrome), IBM Equal Access Accessibility Checker, Pa11y (príkazový riadok).

Kontroléry kontrastu: WebAIM Contrast Checker, Colour Contrast Analyser (desktopová aplikácia), nástroj na výber farieb Chrome DevTools s kontrastným pomerom.

Čítačky obrazovky na testovanie: NVDA (bezplatná, Windows), VoiceOver (vstavaná v macOS a iOS), TalkBack (vstavaná v Androide), JAWS (komerčná, Windows).

Vývojárske nástroje prehliadačov: Chrome Accessibility panel, Firefox Accessibility Inspector, Edge DevTools funkcie prístupnosti.

Ďalšie vzdelávanie

• W3C Web Accessibility Initiative (WAI) — Najautoritatívnejší zdroj poradenstva a štandardov prístupnosti: w3.org/WAI/
• WebAIM — Praktické zdroje prístupnosti a školenia: webaim.org
• The A11Y Project — Komunitne riadený zdroj prístupnosti: a11yproject.com
• Deque University — Bezplatné kurzy prístupnosti a certifikácia: dequeuniversity.com