Kontrolní seznam WCAG 2.2: Všech 86 kritérií úspěšnosti vysvětleno

Tento kontrolní seznam pokrývá každé kritérium úspěšnosti ve WCAG 2.2, organizované podle čtyř principů POUR a třinácti směrnic. Každé kritérium zahrnuje svou úroveň shody, praktické vysvětlení a návod, co znamená v praxi.

Princip 1: Vnímatelnost

Informace a komponenty uživatelského rozhraní musí být prezentovány uživatelům způsobem, který mohou vnímat.

Směrnice 1.1: Textové alternativy

1.1.1 Netextový obsah (Úroveň A) — Veškerý netextový obsah prezentovaný uživateli má textovou alternativu sloužící ekvivalentnímu účelu. To zahrnuje obrázky, ikony, grafy, audio, video, animace, CAPTCHA a dekorativní prvky. Informativní obrázky potřebují popisný alt text. Funkční obrázky potřebují alt text popisující funkci. Dekorativní obrázky potřebují prázdný alt text. Složité obrázky potřebují podrobné textové popisy.

Směrnice 1.2: Časově závislá média

1.2.1 Pouze audio a pouze video – přednahrané (Úroveň A) — Poskytnějte přepis pro přednahraný čistě zvukový obsah a buď přepis, nebo audio popis pro přednahraný čistě obrazový obsah.

1.2.2 Titulky – přednahrané (Úroveň A) — Poskytnějte synchronizované titulky pro všechna přednahraná videa se zvukovým obsahem.

1.2.3 Audio popis nebo mediální alternativa – přednahrané (Úroveň A) — Poskytnějte audio popis nebo úplnou textovou alternativu pro přednahraný video obsah.

1.2.4 Titulky – živě (Úroveň AA) — Poskytnějte titulky v reálném čase pro veškerý živý zvuk ve video obsahu.

1.2.5 Audio popis – přednahraný (Úroveň AA) — Poskytnějte audio popisy pro veškerý přednahraný video obsah, kde důležitá vizuální informace již není sdělena ve zvuku.

Směrnice 1.3: Přizpůsobitelnost

1.3.1 Informace a vztahy (Úroveň A) — Informace, struktura a vztahy sdělované prostřednictvím prezentace jsou programově zjistitelné nebo dostupné v textu. Používejte správný markup nadpisů, seznamů, tabulek, popisků formulářů a orientačních bodů k sdělení struktury, která je vizuálně zřejmá.

1.3.2 Smysluplné pořadí (Úroveň A) — Když pořadí, ve kterém je obsah prezentován, ovlivňuje jeho význam, správné pořadí čtení může být programově zjištěno. Pořadí DOM by mělo odpovídat vizuálnímu pořadí.

1.3.3 Senzorické charakteristiky (Úroveň A) — Instrukce pro porozumění a ovládání obsahu se nespoléhají výhradně na senzorické charakteristiky jako tvar, barva, velikost, vizuální umístění, orientace nebo zvuk.

1.3.4 Orientace (Úroveň AA) — Obsah neomezuje svůj pohled a ovládání na jedinou orientaci displeje, pokud konkrétní orientace není nezbytná.

1.3.5 Identifikace účelu vstupu (Úroveň AA) — Účel formulářových vstupních polí shromažďujících informace o uživateli může být programově zjištěn pomocí atributu autocomplete.

Směrnice 1.4: Rozlišitelnost

1.4.1 Použití barvy (Úroveň A) — Barva není používána jako jediný vizuální prostředek pro sdělení informace, označení akce, vyzvání k odpovědi nebo rozlišení vizuálního prvku.

1.4.2 Ovládání zvuku (Úroveň A) — Pokud se zvuk automaticky přehrává déle než tři sekundy, poskytnějte mechanismus k pozastavení, zastavení nebo nezávislému ovládání hlasitosti.

1.4.3 Kontrast – minimum (Úroveň AA) — Text a obrázky textu mají kontrastní poměr alespoň 4,5:1, s výjimkou velkého textu (3:1), náhodného textu a logotypů.

1.4.4 Změna velikosti textu (Úroveň AA) — Text může být zvětšen až na 200 % bez ztráty obsahu nebo funkčnosti.

1.4.5 Obrázky textu (Úroveň AA) — Text se používá pro sdělení informace místo obrázků textu, s výjimkou případů, kdy je konkrétní vizuální prezentace nezbytná.

1.4.10 Přeformátování (Úroveň AA) — Obsah může být prezentován bez ztráty informace nebo funkčnosti a bez nutnosti posouvání ve dvou směrech při šířce 320 CSS pixelů pro vertikální obsah a výšce 256 CSS pixelů pro horizontální obsah.

1.4.11 Kontrast netextových prvků (Úroveň AA) — Komponenty uživatelského rozhraní a smysluplné grafické objekty mají kontrastní poměr alespoň 3:1 oproti sousedním barvám.

1.4.12 Mezerování textu (Úroveň AA) — K žádné ztrátě obsahu nebo funkčnosti nedochází, když uživatelé upraví výšku řádku na 1,5× velikost písma, mezeru odstavců na 2× velikost písma, mezerování písmen na 0,12× velikost písma a mezerování slov na 0,16× velikost písma.

1.4.13 Obsah při najetí nebo zaostření (Úroveň AA) — Když přijetí a odebrání ukazatele myši nebo fokusu klávesnice způsobí zobrazení a zmizení dalšího obsahu, tento obsah je odmítnutelný, najízditelný a trvalý.

Princip 2: Ovladatelnost

Komponenty uživatelského rozhraní a navigace musí být ovladatelné.

Směrnice 2.1: Přístupnost klávesnicí

2.1.1 Klávesnice (Úroveň A) — Veškerá funkcionalita je ovladatelná prostřednictvím rozhraní klávesnice bez nutnosti specifického časování.

2.1.2 Žádná past klávesnice (Úroveň A) — Pokud může být fokus klávesnice přesunut na komponent, může být také odsunut pouze pomocí klávesnice.

2.1.4 Klávesové zkratky se znaky (Úroveň A) — Pokud klávesová zkratka používá pouze znaky písmen, interpunkce, číslic nebo symbolů, zkratka může být vypnuta, přemapována nebo aktivována pouze při zaostření příslušného komponentu.

Směrnice 2.2: Dostatečný čas

2.2.1 Nastavitelné časování (Úroveň A) — Pro jakýkoli časový limit nastavený obsahem může uživatel časový limit vypnout, upravit nebo prodloužit.

2.2.2 Pozastavit, zastavit, skrýt (Úroveň A) — Pro pohybující se, blikající, posouvající se nebo automaticky se aktualizující obsah, který se spustí automaticky a trvá déle než pět sekund, mohou uživatelé pozastavit, zastavit nebo skrýt.

Směrnice 2.3: Záchvaty a fyzické reakce

2.3.1 Tři záblesky nebo pod prahem (Úroveň A) — Nic na stránce nebliká více než třikrát v jakémkoli jednosekundovém období.

Směrnice 2.4: Navigovatelnost

2.4.1 Obejití bloků (Úroveň A) — Je k dispozici mechanismus pro obejití opakovaných bloků obsahu, jako jsou skip navigační odkazy.

2.4.2 Název stránky (Úroveň A) — Webové stránky mají názvy, které popisují jejich téma nebo účel.

2.4.3 Pořadí fokusu (Úroveň A) — Zaostřitelné komponenty přijímají fokus v pořadí, které zachovává význam a ovladatelnost.

2.4.4 Účel odkazu – v kontextu (Úroveň A) — Účel každého odkazu může být určen z textu odkazu samotného nebo s jeho kontextem.

2.4.5 Více způsobů (Úroveň AA) — K dispozici je více než jeden způsob nalezení stránky v sadě stránek.

2.4.6 Nadpisy a popisky (Úroveň AA) — Nadpisy a popisky popisují své téma nebo účel.

2.4.7 Viditelný fokus (Úroveň A) — Jakékoli uživatelské rozhraní ovladatelné klávesnicí má viditelný indikátor fokusu.

2.4.11 Fokus není zakrytý – minimum (Úroveň AA) — Když komponent přijme fokus klávesnice, není zcela skrytý obsahem vytvořeným autorem. (Nové ve WCAG 2.2)

2.4.12 Fokus není zakrytý – rozšířený (Úroveň AAA) — Když komponent přijme fokus klávesnice, žádná část indikátoru fokusu není skrytá obsahem vytvořeným autorem. (Nové ve WCAG 2.2)

2.4.13 Vzhled fokusu (Úroveň AAA) — Indikátory fokusu mají dostatečnou velikost (alespoň 2pixelový obvod) a kontrast (alespoň 3:1 mezi zaostřeným a nezaostřeným stavem). (Nové ve WCAG 2.2)

Směrnice 2.5: Vstupní modality

2.5.1 Gesta ukazatelem (Úroveň A) — Veškerá funkcionalita používající vícebodová nebo dráhová gesta může být ovládána jedním ukazatelem bez dráhového gesta.

2.5.2 Zrušení ukazatele (Úroveň A) — Pro funkce jednoho ukazatele je akce spuštěna při uvolnění a může být zrušena nebo vrácena.

2.5.3 Popisek v názvu (Úroveň A) — Pro komponenty s textovými popisky přístupný název obsahuje vizuálně prezentovaný text.

2.5.4 Ovládání pohybem (Úroveň A) — Funkce spouštěná pohybem zařízení nebo uživatele může být také ovládána prostřednictvím komponenty uživatelského rozhraní a spouštění pohybem může být zakázáno.

2.5.7 Pohyby přetahování (Úroveň AA) — Veškerá funkcionalita používající přetahování může být také dosažena jedním ukazatelem bez přetahování. (Nové ve WCAG 2.2)

2.5.8 Velikost cíle – minimum (Úroveň AA) — Interaktivní cíle mají alespoň 24 × 24 CSS pixelů, s výjimkami pro vložené cíle, cíle ovládané uživatelským agentem a dostatečně vzdálené cíle. (Nové ve WCAG 2.2)

Princip 3: Srozumitelnost

Informace a ovládání uživatelského rozhraní musí být srozumitelné.

Směrnice 3.1: Čitelnost

3.1.1 Jazyk stránky (Úroveň A) — Výchozí lidský jazyk každé webové stránky může být programově zjištěn prostřednictvím atributu lang.

3.1.2 Jazyk částí (Úroveň AA) — Lidský jazyk každé pasáže nebo fráze může být programově zjištěn, s výjimkou vlastních jmen a technických termínů.

Směrnice 3.2: Předvídatelnost

3.2.1 Při zaostření (Úroveň A) — Když jakýkoli komponent přijme fokus, neiniciuje změnu kontextu.

3.2.2 Při vstupu (Úroveň A) — Změna nastavení komponentu automaticky nezpůsobuje změnu kontextu, pokud nebyl uživatel předem informován.

3.2.3 Konzistentní navigace (Úroveň AA) — Navigační mechanismy opakující se na více stránkách se vyskytují pokaždé ve stejném relativním pořadí.

3.2.6 Konzistentní nápověda (Úroveň A) — Pokud se mechanismy nápovědy vyskytují na více stránkách, vyskytují se ve stejném relativním pořadí. (Nové ve WCAG 2.2)

Směrnice 3.3: Pomoc při vstupu

3.3.1 Identifikace chyby (Úroveň A) — Pokud je vstupní chyba automaticky detekována, položka s chybou je identifikována a chyba je popsána textem.

3.3.2 Popisky nebo instrukce (Úroveň A) — Popisky nebo instrukce jsou poskytnějte, když obsah vyžaduje vstup uživatele.

3.3.3 Návrhy chyb (Úroveň AA) — Pokud je detekována vstupní chyba a návrhy jsou známy, jsou poskytnuty uživateli.

3.3.4 Prevence chyb – právní, finanční, data (Úroveň AA) — Pro stránky způsobující právní závazky, finanční transakce nebo modifikace dat jsou odeslání vratná, kontrolovaná nebo potvrditelná.

3.3.7 Nadbytečné zadání (Úroveň A) — Informace dříve zadané ve stejném procesu jsou automaticky vyplněny nebo dostupné k výběru. (Nové ve WCAG 2.2)

3.3.8 Přístupná autentizace – minimum (Úroveň AA) — Kognitivní funkční test není vyžadován pro autentizaci, pokud nejsou poskytnuty alternativy nebo mechanismy pomoci. Testy rozpoznání objektů jsou povoleny. (Nové ve WCAG 2.2)

3.3.9 Přístupná autentizace – rozšířená (Úroveň AAA) — Stejné jako 3.3.8, ale bez výjimky pro rozpoznání objektů. (Nové ve WCAG 2.2)

Princip 4: Robustnost

Obsah musí být dostatečně robustní, aby mohl být spolehlivě interpretován širokou škálou uživatelských agentů.

Směrnice 4.1: Kompatibilita

4.1.2 Název, role, hodnota (Úroveň A) — Pro všechny komponenty uživatelského rozhraní mohou být název a role programově zjištěny, stavy a vlastnosti mohou být nastaveny a změny jsou dostupné asistenčním technologiím.

4.1.3 Stavové zprávy (Úroveň AA) — Stavové zprávy mohou být programově zjištěny prostřednictvím role nebo vlastností, takže jsou prezentovány uživateli asistenčními technologiemi bez přijetí fokusu.

Poznámka: SC 4.1.1 Parsování bylo z WCAG 2.2 odstraněno jako zastaralé.

Kritéria úrovně AAA (doplňková)

Následující kritéria úrovně AAA nejsou uvedena výše, ale jsou součástí WCAG 2.2. Představují nejvyšší úroveň přístupnosti a jsou doporučena tam, kde je to proveditelné:

1.2.6 Znakový jazyk – přednahraný (AAA) — Interpretace znakovým jazykem je poskytnuta pro veškerý přednahraný zvukový obsah.

1.2.7 Rozšířený audio popis (AAA) — Rozšířené audio popisy jsou poskytnuty tam, kde pauzy ve zvuku nejsou dostatečné pro běžné audio popisy.

1.2.8 Mediální alternativa – přednahraná (AAA) — Úplná textová alternativa je poskytnuta pro veškerá přednahraná synchronizovaná média a čistě video obsah.

1.2.9 Pouze audio – živě (AAA) — Textová alternativa je poskytnuta pro živý čistě zvukový obsah.

1.3.6 Identifikace účelu (AAA) — Účel komponent uživatelského rozhraní, ikon a oblastí může být programově zjištěn.

1.4.6 Kontrast – rozšířený (AAA) — Text má kontrastní poměr alespoň 7:1 pro normální text a 4,5:1 pro velký text.

1.4.7 Nízký nebo žádný zvuk na pozadí (AAA) — Přednahraný čistě zvukový obsah obsahující primárně řeč má nízký nebo žádný hluk na pozadí.

1.4.8 Vizuální prezentace (AAA) — Bloky textu nabízejí vizuální přizpůsobení včetně barev popředí/pozadí, šířky, řádkování a zarovnání.

1.4.9 Obrázky textu – bez výjimky (AAA) — Obrázky textu se používají pouze pro čistou dekoraci nebo tam, kde je to nezbytné.

2.1.3 Klávesnice – bez výjimky (AAA) — Veškerá funkcionalita je ovladatelná prostřednictvím klávesnice bez výjimek.

2.2.3 Žádné časování (AAA) — Časování není podstatnou součástí události nebo aktivity, s výjimkou reálného času a synchronizovaných médií.

2.2.4 Přerušení (AAA) — Přerušení mohou být uživatelem odložena nebo potlačena.

2.2.5 Opětovná autentizace (AAA) — Když vyprší autentizovaná relace, uživatel může pokračovat po opětovné autentizaci bez ztráty dat.

2.2.6 Časové limity (AAA) — Uživatelé jsou varováni o časových limitech nečinnosti, které by mohly způsobit ztrátu dat, pokud data nejsou uchovávána po dobu alespoň 20 hodin.

2.3.2 Tři záblesky (AAA) — Nic na stránce nebliká více než třikrát za sekundu, bez výjimek.

2.3.3 Animace z interakcí (AAA) — Pohybová animace spuštěná interakcí může být zakázána, pokud není nezbytná.

2.4.8 Poloha (AAA) — Je dostupná informace o poloze uživatele v sadě stránek (např. drobečková navigace).

2.4.9 Účel odkazu – pouze odkaz (AAA) — Účel každého odkazu může být určen pouze z textu odkazu.

2.4.10 Nadpisy sekcí (AAA) — Nadpisy sekcí jsou používány k organizaci obsahu.

2.5.5 Velikost cíle – rozšířená (AAA) — Interaktivní cíle mají alespoň 44 × 44 CSS pixelů.

2.5.6 Souběžné vstupní mechanismy (AAA) — Obsah neomezuje používání vstupních modalit dostupných na platformě.

3.1.3 Neobvyklá slova (AAA) — Je k dispozici mechanismus pro identifikaci specifických definic slov nebo frází používaných neobvyklým způsobem.

3.1.4 Zkratky (AAA) — Je k dispozici mechanismus pro identifikaci rozšířené formy zkratek.

3.1.5 Úroveň čtení (AAA) — Když text vyžaduje pokročilejší čtenářskou schopnost než nižší sekundární vzdělání, je k dispozici doplňkový obsah nebo alternativní verze.

3.1.6 Výslovnost (AAA) — Je k dispozici mechanismus pro identifikaci výslovnosti slov, kde je význam bez výslovnosti nejednoznačný.

3.2.4 Konzistentní identifikace (AA) — Komponenty se stejnou funkcionalitou v sadě stránek jsou identifikovány konzistentně.

3.2.5 Změna na požádání (AAA) — Změny kontextu jsou iniciovány pouze na žádost uživatele nebo je k dispozici mechanismus pro vypnutí takových změn.

3.3.5 Nápověda (AAA) — Je k dispozici kontextová nápověda.

3.3.6 Prevence chyb – všechny (AAA) — Pro všechny stránky vyžadující vstup uživatele jsou odeslání vratná, kontrolovaná nebo potvrditelná.