Skip to main content

Zdroje a glosář webové přístupnosti

Tato stránka slouží jako váš referenční bod pro terminologii přístupnosti, oficiální standardy, nástroje a další vzdělávání. Přidejte si ji do záložek a vraťte se, kdykoli potřebujete vyhledat pojem nebo najít zdroj.

Glosář pojmů webové přístupnosti

Strom přístupnosti (Accessibility Tree) — Zjednodušená reprezentace DOM, kterou prohlížeče vytvářejí pro asistenční technologie. Obsahuje sémantické informace o prvcích stránky — jejich názvy, role, stavy a vlastnosti — které čtečky obrazovky a další asistenční technologie používají k prezentaci obsahu uživatelům.

Alternativní text (Alt Text) — Textový popis netextového obsahu, nejčastěji obrázků. Alt text je čten nahlas čtečkami obrazovky a zobrazuje se, když se obrázky nepodaří načíst. Měl by popisovat účel nebo obsah obrázku, ne pouze jeho vizuální vzhled.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. Specifikace W3C, která poskytuje další HTML atributy pro zlepšení přístupnosti dynamického webového obsahu a vlastních widgetů. ARIA přidává sémantické informace pro asistenční technologie, když nativní HTML sémantika nestačí.

Asistenční technologie — Hardware nebo software, který lidé se zdravotním postižením používají k interakci s digitálním obsahem. Příklady zahrnují čtečky obrazovky (JAWS, NVDA, VoiceOver), lupy obrazovky, alternativní klávesnice, spínací zařízení, software pro rozpoznávání hlasu a systémy sledování očí.

Shoda (Conformance) — Míra, do jaké digitální obsah splňuje požadavky konkrétní úrovně WCAG. Plná shoda na dané úrovni znamená, že všechna kritéria úspěšnosti na této úrovni a níže jsou splněna pro celou stránku.

EAA (European Accessibility Act) — Směrnice EU 2019/882 vyžadující přístupnost produktů a služeb včetně e-commerce, bankovnictví, dopravy a telekomunikací. Vymahatelná od 28. června 2025.

EN 301 549 — Harmonizovaný evropský standard pro přístupnost ICT. Zahrnuje WCAG pro webový obsah a poskytuje další požadavky pro software, dokumenty, hardware a komunikační technologie. Shoda s EN 301 549 vytváří předpoklad shody s EAA.

Indikátor fokusu — Vizuální indikátor (typicky obrys nebo zvýraznění), který ukazuje, který prvek na stránce má aktuálně fokus klávesnice. Nezbytný pro navigaci klávesnicí.

Orientační bod (Landmark) — Oblast stránky, která byla identifikována jako mající specifický strukturální účel, umožňující uživatelům asistenčních technologií přímou navigaci k ní. Běžné orientační body zahrnují banner, navigaci, hlavní obsah, doplňkový a informace o obsahu. Vytvářejí se prostřednictvím HTML5 strukturních prvků nebo ARIA orientačních rolí.

Live region — Oblast webové stránky, která se dynamicky aktualizuje a jejíž změny by měly být oznamovány asistenčními technologiemi, aniž by uživatel musel k dané oblasti navigovat. Definováno pomocí atributu aria-live s hodnotami „polite" (oznámeno při další vhodné pauze) nebo „assertive" (oznámeno okamžitě).

POUR — Čtyři principy WCAG: Vnímatelnost (Perceivable), Ovladatelnost (Operable), Srozumitelnost (Understandable), Robustnost (Robust). Všechny směrnice a kritéria úspěšnosti WCAG jsou organizovány pod těmito principy.

Čtečka obrazovky — Software asistenční technologie, který převádí obsah na obrazovce na řečový nebo braillský výstup. Čtečky obrazovky interpretují strom přístupnosti k prezentaci obsahu, navigaci strukturou stránky a interakci s ovládacími prvky.

Sémantické HTML — HTML markup, který sděluje význam o obsahu, který obsahuje, na rozdíl od pouhého definování jeho vzhledu. Použití <nav> místo <div class="nav">, <button> místo <span onclick> a <h2> místo <div class="heading"> jsou příklady sémantického HTML.

Skip link — Navigační mechanismus, typicky první zaostřitelný prvek na stránce, který umožňuje uživatelům klávesnice obejít opakované bloky obsahu (jako navigační menu) a přeskočit přímo na hlavní obsah.

Kritérium úspěšnosti — Konkrétní, testovatelný požadavek v rámci WCAG. Každému kritériu úspěšnosti je přiřazeno číslo (např. 1.4.3), popisný název (Kontrast – minimum) a úroveň shody (A, AA nebo AAA).

VPAT (Voluntary Product Accessibility Template) — Standardizovaný formát dokumentu používaný k popisu, jak produkt nebo služba odpovídá standardům přístupnosti. VPAT jsou běžně vyžadovány v nákupních procesech, zejména ve veřejném sektoru USA.

WCAG (Web Content Accessibility Guidelines) — Mezinárodní standard pro webovou přístupnost publikovaný W3C. Aktuální verze je WCAG 2.2, obsahující 86 kritérií úspěšnosti organizovaných pod čtyřmi principy a třinácti směrnicemi.

Oficiální standardy a specifikace

  • WCAG 2.2 — Aktuální W3C doporučení pro přístupnost webového obsahu: w3.org/TR/WCAG22/
  • Understanding WCAG 2.2 — Podrobná vysvětlení každého kritéria úspěšnosti: w3.org/WAI/WCAG22/Understanding/
  • Techniques for WCAG 2.2 — Konkrétní implementační techniky: w3.org/WAI/WCAG22/Techniques/
  • WAI-ARIA 1.2 — Aktuální specifikace ARIA: w3.org/TR/wai-aria-1.2/
  • ARIA Authoring Practices Guide — Implementační vzory pro přístupné widgety: w3.org/WAI/ARIA/apg/
  • EN 301 549 — Evropský standard přístupnosti ICT
  • European Accessibility Act — Směrnice 2019/882, plný text

Testovací nástroje

Bezplatné automatizované testovací nástroje: rozšíření prohlížeče axe DevTools, rozšíření prohlížeče WAVE, Google Lighthouse (vestavěný v Chrome), IBM Equal Access Accessibility Checker, Pa11y (příkazová řádka).

Kontrola kontrastu: WebAIM Contrast Checker, Colour Contrast Analyser (desktopová aplikace), nástroj pro výběr barev Chrome DevTools s kontrastním poměrem.

Čtečky obrazovky pro testování: NVDA (zdarma, Windows), VoiceOver (vestavěný v macOS a iOS), TalkBack (vestavěný v Android), JAWS (komerční, Windows).

Vývojářské nástroje prohlížeče: panel přístupnosti Chrome, inspektor přístupnosti Firefoxu, funkce přístupnosti Edge DevTools.

Další vzdělávání

  • W3C Web Accessibility Initiative (WAI) — Nejautoritativnější zdroj návodu a standardů přístupnosti: w3.org/WAI/
  • WebAIM — Praktické zdroje a školení přístupnosti: webaim.org
  • The A11Y Project — Komunitou řízený zdroj přístupnosti: a11yproject.com
  • Deque University — Bezplatné kurzy a certifikace přístupnosti: dequeuniversity.com

Je váš web přístupný?

Zdarma naskenujte svůj web a získejte WCAG skóre během několika minut.

Skenovat web zdarma