Kontrolný zoznam WCAG 2.2: Všetkých 86 kritérií úspešnosti vysvetlených

Tento kontrolný zoznam pokrýva každé kritérium úspešnosti v WCAG 2.2, organizované podľa štyroch princípov POUR a trinástich smerníc. Každé kritérium zahŕňa jeho úroveň zhody, praktické vysvetlenie a poradenstvo, čo znamená v praxi.

Princíp 1: Vnímateľný

Informácie a komponenty používateľského rozhrania musia byť prezentovateľné používateľom spôsobmi, ktoré môžu vnímať.

Smernica 1.1: Textové alternatívy

1.1.1 Netextový obsah (úroveň A) — Všetok netextový obsah prezentovaný používateľovi má textovú alternatívu slúžiacu rovnakému účelu. Zahŕňa to obrázky, ikony, grafy, zvuk, video, animácie, CAPTCHA a dekoratívne prvky. Informatívne obrázky potrebujú popisný alt text. Funkčné obrázky potrebujú alt text popisujúci funkciu. Dekoratívne obrázky potrebujú prázdny alt text. Zložité obrázky potrebujú podrobné textové popisy.

Smernica 1.2: Časovo závislé médiá

1.2.1 Len zvuk a len video — Nahraté (úroveň A) — Poskytnite prepis pre nahraný čisto zvukový obsah a buď prepis alebo audio popis pre nahraný čisto video obsah.

1.2.2 Titulky — Nahraté (úroveň A) — Poskytnite synchronizované titulky pre všetok nahraný video obsah so zvukom.

1.2.3 Audio popis alebo mediálna alternatíva — Nahraté (úroveň A) — Poskytnite audio popis alebo úplnú textovú alternatívu pre nahraný video obsah.

1.2.4 Titulky — Naživo (úroveň AA) — Poskytnite titulky v reálnom čase pre všetok živý zvuk vo video obsahu.

1.2.5 Audio popis — Nahraný (úroveň AA) — Poskytnite audio popisy pre všetok nahraný video obsah, kde dôležité vizuálne informácie nie sú už sprostredkované zvukom.

Smernica 1.3: Prispôsobiteľný

1.3.1 Informácie a vzťahy (úroveň A) — Informácie, štruktúra a vzťahy sprostredkované prezentáciou sú programovo určiteľné alebo dostupné v texte. Používajte správne značkovanie nadpisov, zoznamov, tabuliek, popisov formulárov a orientačných bodov na sprostredkovanie štruktúry, ktorá je vizuálne zrejmá.

1.3.2 Zmysluplné poradie (úroveň A) — Keď poradie, v ktorom je obsah prezentovaný, ovplyvňuje jeho význam, správne poradie čítania môže byť programovo určené. Poradie DOM by malo zodpovedať vizuálnemu poradiu.

1.3.3 Zmyslové charakteristiky (úroveň A) — Inštrukcie na pochopenie a ovládanie obsahu sa nespoliehajú výlučne na zmyslové charakteristiky ako tvar, farba, veľkosť, vizuálna poloha, orientácia alebo zvuk.

1.3.4 Orientácia (úroveň AA) — Obsah neobmedzuje svoje zobrazenie a ovládanie na jednu orientáciu displeja, pokiaľ konkrétna orientácia nie je nevyhnutná.

1.3.5 Identifikácia účelu vstupu (úroveň AA) — Účel vstupných polí formulárov zhromažďujúcich informácie o používateľovi môže byť programovo určený pomocou atribútu autocomplete.

Smernica 1.4: Rozlíšiteľný

1.4.1 Použitie farby (úroveň A) — Farba nie je použitá ako jediný vizuálny prostriedok na sprostredkovanie informácií, označenie akcie, vyvolanie odpovede alebo odlíšenie vizuálneho prvku.

1.4.2 Ovládanie zvuku (úroveň A) — Ak sa zvuk prehráva automaticky dlhšie ako tri sekundy, poskytnite mechanizmus na pozastavenie, zastavenie alebo nezávislé ovládanie hlasitosti.

1.4.3 Kontrast — Minimálny (úroveň AA) — Text a obrázky textu majú kontrastný pomer aspoň 4,5:1, okrem veľkého textu (3:1), náhodného textu a logotypov.

1.4.4 Zmena veľkosti textu (úroveň AA) — Text môže byť zväčšený až o 200 % bez straty obsahu alebo funkcionality.

1.4.5 Obrázky textu (úroveň AA) — Na sprostredkovanie informácií sa používa text namiesto obrázkov textu, okrem prípadov, kde je konkrétna vizuálna prezentácia nevyhnutná.

1.4.10 Preformátovanie (úroveň AA) — Obsah môže byť prezentovaný bez straty informácií alebo funkcionality a bez potreby rolovania v dvoch rozmeroch pri šírke 320 CSS pixelov pre vertikálny obsah a výške 256 CSS pixelov pre horizontálny obsah.

1.4.11 Kontrast netextových prvkov (úroveň AA) — Komponenty používateľského rozhrania a zmysluplné grafické objekty majú kontrastný pomer aspoň 3:1 voči susedným farbám.

1.4.12 Medzery textu (úroveň AA) — Nedochádza k strate obsahu alebo funkcionality, keď používatelia nastavia výšku riadku na 1,5-násobok veľkosti písma, medzery odsekov na 2-násobok veľkosti písma, medzery písmen na 0,12-násobok veľkosti písma a medzery slov na 0,16-násobok veľkosti písma.

1.4.13 Obsah pri ukázaní kurzorom alebo fokuse (úroveň AA) — Kde prijatie a odstránenie kurzora myši alebo fokusu klávesnice spúšťa zobrazenie a zmiznutie ďalšieho obsahu, tento obsah je odvolateľný, prejazditeľný a pretrvávajúci.

Princíp 2: Ovládateľný

Komponenty používateľského rozhrania a navigácia musia byť ovládateľné.

Smernica 2.1: Prístupné klávesnicou

2.1.1 Klávesnica (úroveň A) — Všetky funkcie sú ovládateľné cez klávesnicu bez vyžadovania konkrétneho časovania.

2.1.2 Žiadna klávesnicová pasca (úroveň A) — Ak sa fokus klávesnice môže presunúť na komponent, fokus sa môže presunúť aj preč iba pomocou klávesnice.

2.1.4 Klávesové skratky (úroveň A) — Ak klávesová skratka používa iba písmená, interpunkciu, čísla alebo symboly, skratka môže byť vypnutá, premapovaná alebo aktivovaná iba keď má príslušný komponent fokus.

Smernica 2.2: Dostatočný čas

2.2.1 Nastaviteľné časovanie (úroveň A) — Pre akýkoľvek časový limit nastavený obsahom môže používateľ časový limit vypnúť, upraviť alebo predĺžiť.

2.2.2 Pozastaviť, zastaviť, skryť (úroveň A) — Pre pohybujúci sa, blikajúci, rolujúci alebo automaticky aktualizovaný obsah, ktorý sa spúšťa automaticky a trvá dlhšie ako päť sekúnd, ho môžu používatelia pozastaviť, zastaviť alebo skryť.

Smernica 2.3: Záchvaty a fyzické reakcie

2.3.1 Tri záblesky alebo pod prahom (úroveň A) — Nič na stránke nebliká viac ako trikrát v akomkoľvek jednosekundovom období.

Smernica 2.4: Navigovateľný

2.4.1 Obídenie blokov (úroveň A) — Je k dispozícii mechanizmus na obídenie opakujúcich sa blokov obsahu, ako sú odkazy na preskočenie navigácie.

2.4.2 Názov stránky (úroveň A) — Webové stránky majú názvy, ktoré opisujú ich tému alebo účel.

2.4.3 Poradie fokusu (úroveň A) — Zaostriteľné komponenty dostávajú fokus v poradí, ktoré zachováva význam a ovládateľnosť.

2.4.4 Účel odkazu — v kontexte (úroveň A) — Účel každého odkazu môže byť určený z textu odkazu samotného alebo s jeho kontextom.

2.4.5 Viaceré spôsoby (úroveň AA) — Je k dispozícii viac ako jeden spôsob nájdenia stránky v rámci sady stránok.

2.4.6 Nadpisy a popisy (úroveň AA) — Nadpisy a popisy opisujú svoju tému alebo účel.

2.4.7 Viditeľný fokus (úroveň A) — Akékoľvek klávesnicou ovládateľné rozhranie má viditeľný indikátor fokusu.

2.4.11 Fokus nie je zakrytý — Minimum (úroveň AA) — Keď komponent dostane fokus klávesnice, nie je úplne skrytý obsahom vytvoreným autorom. (Nové v WCAG 2.2)

2.4.12 Fokus nie je zakrytý — Rozšírené (úroveň AAA) — Keď komponent dostane fokus klávesnice, žiadna časť indikátora fokusu nie je skrytá obsahom vytvoreným autorom. (Nové v WCAG 2.2)

2.4.13 Vzhľad fokusu (úroveň AAA) — Indikátory fokusu majú dostatočnú veľkosť (aspoň 2-pixelový obvod) a kontrast (aspoň 3:1 medzi zaostreným a nezaostreným stavom). (Nové v WCAG 2.2)

Smernica 2.5: Vstupné modality

2.5.1 Gestá ukazovateľom (úroveň A) — Všetky funkcie používajúce viacebodové alebo dráhové gestá môžu byť ovládané jedným ukazovateľom bez dráhového gesta.

2.5.2 Zrušenie ukazovateľa (úroveň A) — Pre funkcie jedného ukazovateľa sa akcia spúšťa na uvoľnení a môže byť zrušená alebo vrátená.

2.5.3 Popis v názve (úroveň A) — Pre komponenty s textovými popismi prístupný názov obsahuje vizuálne prezentovaný text.

2.5.4 Aktivácia pohybom (úroveň A) — Funkcie spúšťané pohybom zariadenia alebo používateľa môžu byť tiež ovládané cez komponent používateľského rozhrania a spúšťanie pohybom môže byť zakázané.

2.5.7 Ťahacie pohyby (úroveň AA) — Všetky funkcie používajúce ťahanie môžu byť tiež dosiahnuté jedným ukazovateľom bez ťahania. (Nové v WCAG 2.2)

2.5.8 Veľkosť cieľa — Minimum (úroveň AA) — Interaktívne ciele majú aspoň 24 x 24 CSS pixelov, s výnimkami pre inline ciele, ciele ovládané prehliadačom a dostatočne vzdialené ciele. (Nové v WCAG 2.2)

Princíp 3: Zrozumiteľný

Informácie a ovládanie používateľského rozhrania musia byť zrozumiteľné.

Smernica 3.1: Čitateľný

3.1.1 Jazyk stránky (úroveň A) — Predvolený ľudský jazyk každej webovej stránky môže byť programovo určený prostredníctvom atribútu lang.

3.1.2 Jazyk častí (úroveň AA) — Ľudský jazyk každej pasáže alebo frázy môže byť programovo určený, okrem vlastných mien a technických termínov.

Smernica 3.2: Predvídateľný

3.2.1 Pri fokuse (úroveň A) — Keď akýkoľvek komponent dostane fokus, neinicializuje zmenu kontextu.

3.2.2 Pri vstupe (úroveň A) — Zmena nastavenia komponentu automaticky nespôsobuje zmenu kontextu, pokiaľ o tom nebol používateľ vopred informovaný.

3.2.3 Konzistentná navigácia (úroveň AA) — Navigačné mechanizmy opakujúce sa na viacerých stránkach sa vyskytujú zakaždým v rovnakom relatívnom poradí.

3.2.6 Konzistentná pomoc (úroveň A) — Ak sa mechanizmy pomoci objavujú na viacerých stránkach, vyskytujú sa v rovnakom relatívnom poradí. (Nové v WCAG 2.2)

Smernica 3.3: Vstupná asistencia

3.3.1 Identifikácia chyby (úroveň A) — Ak je vstupná chyba automaticky zistená, položka s chybou je identifikovaná a chyba je opísaná v texte.

3.3.2 Popisy alebo pokyny (úroveň A) — Popisy alebo pokyny sú poskytnuté, keď obsah vyžaduje vstup od používateľa.

3.3.3 Návrh chyby (úroveň AA) — Ak je zistená vstupná chyba a návrhy sú známe, sú poskytnuté používateľovi.

3.3.4 Prevencia chýb — Právne, finančné, dátové (úroveň AA) — Pre stránky spôsobujúce právne záväzky, finančné transakcie alebo úpravy dát sú odoslania vratné, kontrolované alebo potvrditeľné.

3.3.7 Nadbytočné zadávanie (úroveň A) — Informácie predtým zadané v tom istom procese sú automaticky vyplnené alebo dostupné na výber. (Nové v WCAG 2.2)

3.3.8 Prístupná autentifikácia — Minimum (úroveň AA) — Pre autentifikáciu sa nevyžaduje test kognitívnych funkcií, pokiaľ nie sú poskytnuté alternatívy alebo pomocné mechanizmy. Testy rozpoznávania objektov sú povolené. (Nové v WCAG 2.2)

3.3.9 Prístupná autentifikácia — Rozšírená (úroveň AAA) — Rovnaké ako 3.3.8, ale bez výnimky rozpoznávania objektov. (Nové v WCAG 2.2)

Princíp 4: Robustný

Obsah musí byť dostatočne robustný na to, aby bol spoľahlivo interpretovaný širokou škálou používateľských agentov.

Smernica 4.1: Kompatibilný

4.1.2 Názov, rola, hodnota (úroveň A) — Pre všetky komponenty používateľského rozhrania môže byť názov a rola programovo určená, stavy a vlastnosti môžu byť nastavené a zmeny sú dostupné asistenčným technológiám.

4.1.3 Stavové správy (úroveň AA) — Stavové správy môžu byť programovo určené prostredníctvom roly alebo vlastností, aby boli prezentované používateľovi asistenčnými technológiami bez prijatia fokusu.

Poznámka: SC 4.1.1 Parsing bol z WCAG 2.2 odstránený ako zastaraný.

Kritériá úrovne AAA (Doplnkové)

Nasledujúce kritériá úrovne AAA nie sú uvedené vyššie, ale sú súčasťou WCAG 2.2. Predstavujú najvyššiu úroveň prístupnosti a sú odporúčané tam, kde je to realizovateľné:

1.2.6 Posunkový jazyk — Nahraný (AAA) — Pre všetok nahraný zvukový obsah je poskytnuté tlmočenie do posunkového jazyka.

1.2.7 Rozšírený audio popis (AAA) — Rozšírené audio popisy sú poskytnuté tam, kde sú prestávky vo zvuku nedostatočné pre bežné audio popisy.

1.2.8 Mediálna alternatíva — Nahraná (AAA) — Úplná textová alternatíva je poskytnutá pre všetky nahrané synchronizované médiá a čisto video obsah.

1.2.9 Len zvuk — Naživo (AAA) — Pre živý čisto zvukový obsah je poskytnutá textová alternatíva.

1.3.6 Identifikácia účelu (AAA) — Účel komponentov používateľského rozhrania, ikon a oblastí môže byť programovo určený.

1.4.6 Kontrast — Rozšírený (AAA) — Text má kontrastný pomer aspoň 7:1 pre bežný text a 4,5:1 pre veľký text.

1.4.7 Nízky alebo žiadny zvuk na pozadí (AAA) — Nahraný čisto zvukový obsah obsahujúci prevažne reč má nízky alebo žiadny šum na pozadí.

1.4.8 Vizuálna prezentácia (AAA) — Textové bloky ponúkajú vizuálne prispôsobenie vrátane farieb popredia/pozadia, šírky, medzier riadkov a zarovnania.

1.4.9 Obrázky textu — Bez výnimky (AAA) — Obrázky textu sa používajú len ako čistá dekorácia alebo kde sú nevyhnutné.

2.1.3 Klávesnica — Bez výnimky (AAA) — Všetky funkcie sú ovládateľné cez klávesnicu bez akýchkoľvek výnimiek.

2.2.3 Žiadne časovanie (AAA) — Časovanie nie je nevyhnutnou súčasťou udalosti alebo aktivity, okrem médií v reálnom čase a synchronizovaných médií.

2.2.4 Prerušenia (AAA) — Prerušenia môžu byť používateľom odložené alebo potlačené.

2.2.5 Opätovná autentifikácia (AAA) — Keď vyprší autentifikovaná relácia, používateľ môže pokračovať po opätovnej autentifikácii bez straty dát.

2.2.6 Časové limity (AAA) — Používatelia sú varovaní pred časovými limitmi nečinnosti, ktoré by mohli spôsobiť stratu dát, pokiaľ nie sú dáta zachované aspoň 20 hodín.

2.3.2 Tri záblesky (AAA) — Nič na stránke nebliká viac ako trikrát za sekundu, bez výnimiek.

2.3.3 Animácia z interakcií (AAA) — Pohybová animácia spúšťaná interakciou môže byť zakázaná, pokiaľ nie je nevyhnutná.

2.4.8 Umiestnenie (AAA) — Informácie o polohe používateľa v rámci sady stránok sú dostupné (napr. omrvinková navigácia).

2.4.9 Účel odkazu — Len odkaz (AAA) — Účel každého odkazu môže byť určený z textu odkazu samotného.

2.4.10 Nadpisy sekcií (AAA) — Nadpisy sekcií sa používajú na organizáciu obsahu.

2.5.5 Veľkosť cieľa — Rozšírená (AAA) — Interaktívne ciele majú aspoň 44 x 44 CSS pixelov.

2.5.6 Súbežné vstupné modality (AAA) — Obsah neobmedzuje používanie vstupných modalít dostupných na platforme.

3.1.3 Nezvyčajné slová (AAA) — Je k dispozícii mechanizmus na identifikáciu konkrétnych definícií slov alebo fráz použitých nezvyčajným spôsobom.

3.1.4 Skratky (AAA) — Je k dispozícii mechanizmus na identifikáciu rozšíreného tvaru skratiek.

3.1.5 Úroveň čítania (AAA) — Keď text vyžaduje pokročilejšiu čitateľskú schopnosť ako úroveň nižšieho sekundárneho vzdelávania, je dostupný doplnkový obsah alebo alternatívna verzia.

3.1.6 Výslovnosť (AAA) — Je k dispozícii mechanizmus na identifikáciu výslovnosti slov, kde je význam bez výslovnosti nejednoznačný.

3.2.4 Konzistentná identifikácia (AA) — Komponenty s rovnakou funkcionalitou v rámci sady stránok sú identifikované konzistentne.

3.2.5 Zmena na požiadanie (AAA) — Zmeny kontextu sú iniciované iba na žiadosť používateľa alebo je k dispozícii mechanizmus na vypnutie takých zmien.

3.3.5 Pomoc (AAA) — Je dostupná kontextovo závislá pomoc.

3.3.6 Prevencia chýb — Všetky (AAA) — Pre všetky stránky vyžadujúce vstup od používateľa sú odoslania vratné, kontrolované alebo potvrditeľné.