Kontrolní seznam WCAG 2.2 (úrovně A a AA)
Všechna kritéria úspěšnosti WCAG 2.2 úrovní A a AA: co zkontrolovat a zda pomůže automatický nástroj. Odškrtněte každé, které váš web splňuje.
Stáhnout PDF
Zdarma, bez e-mailu. Vytiskněte si ji nebo sdílejte odkaz.
- Kritéria úspěšnosti
- 55
- Částečně automaticky
- 22
- Ruční kontrola
- 33
Jak seznam používat
- Nejdřív spusťte automatickou kontrolu: rychle najde problémy označené „částečně automaticky“.
- Pak projděte každé kritérium ručně: s klávesnicí, čtečkou obrazovky a se zvětšením 200 % a 400 %.
- „Částečně automaticky“ znamená, že nástroj testuje část kritéria; zbytek musí potvrdit člověk.
Použití tohoto seznamu nepotvrzuje, že web splňuje jakýkoli zákon.
1. Vnímatelnost
| Č. | Kritérium úspěšnosti | Co zkontrolovat | Testování |
|---|---|---|---|
| 1.1.1 | Netextový obsah Úroveň A · WCAG 2.0 | WCAG 1.1.1 vyžaduje textovou alternativu u každého obrázku, ikony a obrázkového tlačítka (úroveň A). Jak psát alt text, kdy smí být prázdný, výjimky a testy. | Částečně automaticky |
| 1.2.1 | Pouze audio a pouze video (záznam) Úroveň A · WCAG 2.0 | WCAG 1.2.1 vyžaduje přepis nahraného zvuku a textovou nebo zvukovou alternativu k němému videu (úroveň A). Co se počítá, jaká je výjimka a jak to ověřit. | Ruční kontrola |
| 1.2.2 | Titulky (záznam) Úroveň A · WCAG 2.0 | WCAG 1.2.2 vyžaduje titulky u všech nahraných videí se zvukem (úroveň A). Co musí titulky obsahovat, proč automatické nestačí a jak je zkontrolovat na webu. | Částečně automaticky |
| 1.2.3 | Zvukový popis nebo alternativa pro média (záznam) Úroveň A · WCAG 2.0 | WCAG 1.2.3 vyžaduje zvukový popis nebo úplnou textovou alternativu k nahranému videu (úroveň A). Co obě možnosti znamenají, kdy nejsou nutné a jak to ověřit. | Ruční kontrola |
| 1.2.4 | Titulky (živé vysílání) Úroveň AA · WCAG 2.0 | WCAG 1.2.4 vyžaduje titulky u živého videa se zvukem, jako jsou webináře a živé nakupování (úroveň AA). Co je živé vysílání, co sem nepatří a jak to ověřit. | Ruční kontrola |
| 1.2.5 | Zvukový popis (záznam) Úroveň AA · WCAG 2.0 | WCAG 1.2.5 vyžaduje zvukový popis všech nahraných videí se zvukem (úroveň AA). Kdy není potřeba, co je rozšířený zvukový popis a jak zkontrolovat vaše videa. | Ruční kontrola |
| 1.3.1 | Informace a vztahy Úroveň A · WCAG 2.0 | WCAG 1.3.1 vyžaduje, aby nadpisy, seznamy, tabulky a popisky polí byly vyznačeny v kódu, ne jen vzhledem (úroveň A). Typické chyby, testování a opravy. | Částečně automaticky |
| 1.3.2 | Smysluplné pořadí Úroveň A · WCAG 2.0 | WCAG 1.3.2 vyžaduje, aby pořadí obsahu v kódu zachovalo smysl i při předčítání (úroveň A). Časté chyby v CSS rozvržení, jak pořadí otestovat a jak ho opravit. | Ruční kontrola |
| 1.3.3 | Smyslové charakteristiky Úroveň A · WCAG 2.0 | WCAG 1.3.3: instrukce nesmí spoléhat jen na tvar, barvu, velikost, polohu nebo zvuk, jako „klikněte na kulaté tlačítko“ (úroveň A). Příklady, kontrola a opravy. | Ruční kontrola |
| 1.3.4 | Orientace Úroveň AA · WCAG 2.1 | WCAG 1.3.4: web nesmí uzamknout zobrazení na výšku nebo na šířku, pokud jedna orientace není nezbytná (úroveň AA). Co to znamená, jak to otestovat a opravit. | Částečně automaticky |
| 1.3.5 | Určení účelu vstupu Úroveň AA · WCAG 2.1 | WCAG 1.3.5 vyžaduje, aby pole pro vlastní údaje uživatele, jako jméno či e-mail, uváděla svůj účel přes autocomplete (úroveň AA). Kterých polí se týká a testy. | Částečně automaticky |
| 1.4.1 | Použití barvy Úroveň A · WCAG 2.0 | WCAG 1.4.1: barva nesmí být jediným vizuálním způsobem, jak ukázat informaci, třeba odkazy, chyby či stav skladu (úroveň A). Odkazy, příklady, testy a opravy. | Částečně automaticky |
| 1.4.2 | Ovládání zvuku Úroveň A · WCAG 2.0 | WCAG 1.4.2: zvuk, který se přehrává automaticky déle než 3 sekundy, musí jít pozastavit, zastavit nebo ztlumit (úroveň A). Typické chyby, testování a opravy. | Částečně automaticky |
| 1.4.3 | Kontrast (minimální) Úroveň AA · WCAG 2.0 | WCAG 1.4.3 vyžaduje kontrast textu alespoň 4,5:1 a u velkého textu 3:1 (úroveň AA). Co je velký text, jaké platí výjimky a jak kontrast otestovat. | Částečně automaticky |
| 1.4.4 | Změna velikosti textu Úroveň AA · WCAG 2.0 | WCAG 1.4.4 vyžaduje, aby text šel zvětšit na 200 % bez ztráty obsahu či funkcí (úroveň AA). Proč je blokování zoomu chybou, výjimky a jak to testovat. | Částečně automaticky |
| 1.4.5 | Obrázky textu Úroveň AA · WCAG 2.0 | WCAG 1.4.5 vyžaduje skutečný text místo obrázků textu, kde je to možné (úroveň AA). Výjimky pro loga a nezbytný text, příklady, kontrola a opravy. | Ruční kontrola |
| 1.4.10 | Přizpůsobení obsahu (reflow) Úroveň AA · WCAG 2.1 | WCAG 1.4.10 požaduje, aby stránky fungovaly při šířce 320 CSS px nebo zvětšení na 400 % bez vodorovného posouvání (úroveň AA). Výjimky, testování a opravy. | Ruční kontrola |
| 1.4.11 | Netextový kontrast Úroveň AA · WCAG 2.1 | WCAG 1.4.11 požaduje kontrast 3:1 u ikon, okrajů formulářových polí, indikátorů fokusu a částí grafů (úroveň AA). Výjimky, jak to zkontrolovat a opravit. | Ruční kontrola |
| 1.4.12 | Mezery v textu Úroveň AA · WCAG 2.1 | WCAG 1.4.12: text musí fungovat i s výškou řádku 1,5, 2× mezerou za odstavcem a mezerami 0,12 mezi písmeny a 0,16 mezi slovy (AA). Testování a oprava ořezů. | Částečně automaticky |
| 1.4.13 | Obsah při najetí myší nebo fokusu Úroveň AA · WCAG 2.1 | WCAG 1.4.13 požaduje, aby tooltipy, mega menu a popupy zobrazené při najetí myší nebo fokusu šly zavřít, najet na ně a zůstaly zobrazené (AA). Co to znamená. | Ruční kontrola |
2. Ovladatelnost
| Č. | Kritérium úspěšnosti | Co zkontrolovat | Testování |
|---|---|---|---|
| 2.1.1 | Klávesnice Úroveň A · WCAG 2.0 | WCAG 2.1.1 požaduje, aby každá funkce stránky fungovala jen s klávesnicí (úroveň A). Co pokrývá, jediná výjimka a jak otestovat ovládání webu z klávesnice. | Částečně automaticky |
| 2.1.2 | Žádná past pro klávesnici Úroveň A · WCAG 2.0 | WCAG 2.1.2 říká, že fokus klávesnice, který vstoupí do komponenty, ji musí umět opustit jen pomocí klávesnice (úroveň A). Typické pasti a jejich test. | Ruční kontrola |
| 2.1.4 | Klávesové zkratky se znaky Úroveň A · WCAG 2.1 | WCAG 2.1.4: jednoznakové klávesové zkratky musí jít vypnout, přemapovat nebo omezit na ovládací prvek s fokusem (úroveň A). Příklady a jak je otestovat. | Ruční kontrola |
| 2.2.1 | Nastavitelné časování Úroveň A · WCAG 2.0 | WCAG 2.2.1 požaduje, aby uživatelé mohli časové limity vypnout, upravit nebo prodloužit, s varováním a 20 sekundami na prodloužení (úroveň A). Výjimky a testy. | Částečně automaticky |
| 2.2.2 | Pozastavení, zastavení, skrytí Úroveň A · WCAG 2.0 | WCAG 2.2.2 požaduje možnost pozastavit, zastavit nebo skrýt obsah, který se hýbe déle než pět sekund nebo se sám aktualizuje (úroveň A). Karusely a test. | Částečně automaticky |
| 2.3.1 | Tři záblesky nebo pod prahovou hodnotou Úroveň A · WCAG 2.0 | WCAG 2.3.1 zakazuje obsah, který zableskne víc než třikrát za sekundu, pokud není pod prahovými hodnotami záblesků (úroveň A). Co se počítá a jak to otestovat. | Ruční kontrola |
| 2.4.1 | Přeskočení bloků Úroveň A · WCAG 2.0 | WCAG 2.4.1 požaduje způsob, jak přeskočit bloky opakované na každé stránce, například menu (úroveň A). Skip odkazy, orientační body, nadpisy a test. | Částečně automaticky |
| 2.4.2 | Název stránky Úroveň A · WCAG 2.0 | WCAG 2.4.2 požaduje, aby každá webová stránka měla název, který popisuje její téma nebo účel (úroveň A). Dobré názvy pro e-shopy a SPA a jak je otestovat. | Částečně automaticky |
| 2.4.3 | Pořadí fokusu Úroveň A · WCAG 2.0 | WCAG 2.4.3 požaduje, aby se fokus klávesnice pohyboval v pořadí, které zachová význam i ovladatelnost (úroveň A). Kladný tabindex, popupy a jak to otestovat. | Ruční kontrola |
| 2.4.4 | Účel odkazu (v kontextu) Úroveň A · WCAG 2.0 | WCAG 2.4.4 požaduje, aby byl účel každého odkazu jasný z jeho textu nebo kontextu (úroveň A). Proč „Více“ a prázdné odkazy s ikonou selhávají a jak je opravit. | Částečně automaticky |
| 2.4.5 | Více způsobů Úroveň AA · WCAG 2.0 | WCAG 2.4.5 požaduje víc než jeden způsob, jak stránku najít, například menu a vyhledávání nebo mapu webu (úroveň AA). Výjimka pro pokladnu, příklady, testy. | Ruční kontrola |
| 2.4.6 | Nadpisy a popisky Úroveň AA · WCAG 2.0 | WCAG 2.4.6 požaduje, aby nadpisy a popisky popisovaly své téma nebo účel (úroveň AA). Co nevyžaduje, pořadí nadpisů, popisky formulářů a jak to otestovat. | Ruční kontrola |
| 2.4.7 | Viditelný fokus Úroveň AA · WCAG 2.0 | WCAG 2.4.7 požaduje, aby byl fokus klávesnice vždy viditelný (úroveň AA). Proč ho outline: none rozbíjí, čím se liší od 2.4.13 a jak indikátor fokusu otestovat. | Ruční kontrola |
| 2.4.11 | Fokus není zakrytý (minimum) Úroveň AA · WCAG 2.2 | WCAG 2.4.11 (novinka v 2.2, AA): prvek s fokusem nesmí být zcela skrytý za sticky záhlavím, cookie lištou ani jiným obsahem autora. Výjimky a testování. | Ruční kontrola |
| 2.5.1 | Gesta ukazatele Úroveň A · WCAG 2.1 | WCAG 2.5.1 požaduje, aby sevření prstů, přejetí a další vícebodová gesta nebo gesta po dráze fungovala i jedním klepnutím či kliknutím (úroveň A). Příklady. | Ruční kontrola |
| 2.5.2 | Zrušení akce ukazatele Úroveň A · WCAG 2.1 | WCAG 2.5.2 požaduje, aby se akce ukazatele nespouštěly při stisku, takže nechtěná klepnutí lze zrušit nebo vrátit (úroveň A). Čtyři možnosti a jak je otestovat. | Ruční kontrola |
| 2.5.3 | Popisek v názvu Úroveň A · WCAG 2.1 | WCAG 2.5.3 požaduje, aby přístupný název prvku obsahoval jeho viditelný popisek (úroveň A), aby uživatelé hlasu mohli říct, co vidí. Chyby a jejich opravy. | Částečně automaticky |
| 2.5.4 | Aktivace pohybem Úroveň A · WCAG 2.1 | WCAG 2.5.4: funkce spouštěné zatřesením nebo nakloněním zařízení musí fungovat i ovládacími prvky na obrazovce a pohyb lze vypnout (úroveň A). Příklady. | Ruční kontrola |
| 2.5.7 | Přetahování Úroveň AA · WCAG 2.2 | WCAG 2.5.7 (novinka v 2.2, AA) požaduje, aby vše, co se dělá přetažením, šlo udělat i jedním ukazatelem bez tažení. Posuvníky, seznamy, mapy a testování. | Ruční kontrola |
| 2.5.8 | Velikost cíle (minimum) Úroveň AA · WCAG 2.2 | WCAG 2.5.8 (novinka v 2.2, AA) požaduje cíle pro kliknutí a dotyk alespoň 24×24 CSS pixelů nebo dostatečné mezery. Pět výjimek, příklady a testování. | Částečně automaticky |
3. Srozumitelnost
| Č. | Kritérium úspěšnosti | Co zkontrolovat | Testování |
|---|---|---|---|
| 3.1.1 | Jazyk stránky Úroveň A · WCAG 2.0 | WCAG 3.1.1 požaduje, aby software uměl přečíst hlavní jazyk každé stránky, obvykle z atributu lang prvku html (úroveň A). Co to znamená a jak to zkontrolovat. | Částečně automaticky |
| 3.1.2 | Jazyk částí Úroveň AA · WCAG 2.0 | WCAG 3.1.2 požaduje označit pasáže v jiném jazyce atributem lang (úroveň AA). Výjimky pro jména a odborné termíny, typické chyby e-shopů a jak je opravit. | Částečně automaticky |
| 3.2.1 | Při fokusu Úroveň A · WCAG 2.0 | WCAG 3.2.1 říká, že přesun fokusu na ovládací prvek nesmí změnit kontext, například otevřít okno nebo novou stránku (úroveň A). Příklady z e-shopů a testování. | Ruční kontrola |
| 3.2.2 | Při vstupu Úroveň A · WCAG 2.0 | WCAG 3.2.2 říká, že změna pole, zaškrtávacího políčka nebo výběru nesmí bez předchozího upozornění změnit kontext (úroveň A). Chyby e-shopů, testy a opravy. | Ruční kontrola |
| 3.2.3 | Konzistentní navigace Úroveň AA · WCAG 2.0 | WCAG 3.2.3 požaduje, aby menu a další navigace opakovaná na stránkách měla stejné relativní pořadí (úroveň AA). Co je dovoleno, chyby e-shopů a jak to ověřit. | Ruční kontrola |
| 3.2.4 | Konzistentní identifikace Úroveň AA · WCAG 2.0 | WCAG 3.2.4 požaduje, aby prvky se stejnou funkcí byly na celém webu označeny stejně (úroveň AA). Co se počítá, typické chyby e-shopů a jak to zkontrolovat. | Ruční kontrola |
| 3.2.6 | Konzistentní nápověda Úroveň A · WCAG 2.2 | WCAG 3.2.6, novinka ve WCAG 2.2, požaduje, aby kontakty, chat a odkazy na nápovědu měly na stránkách stejné pořadí (úroveň A). Co pokrývá a jak to otestovat. | Ruční kontrola |
| 3.3.1 | Identifikace chyb Úroveň A · WCAG 2.0 | WCAG 3.3.1 požaduje, aby chyby ve formulářích byly označeny a popsány textem, včetně prázdných povinných polí (úroveň A). Chyby e-shopů, testování a opravy. | Ruční kontrola |
| 3.3.2 | Popisky nebo instrukce Úroveň A · WCAG 2.0 | WCAG 3.3.2 požaduje popisky nebo instrukce všude, kde formulář očekává vstup, i u nepovinných polí (úroveň A). Placeholdery, povinná pole a jak to zkontrolovat. | Částečně automaticky |
| 3.3.3 | Návrh opravy chyby Úroveň AA · WCAG 2.0 | WCAG 3.3.3 požaduje, aby byl uživateli navržen způsob opravy, když je chyba ve formuláři zjištěna a oprava známa (úroveň AA). Výjimka, příklady a testy. | Ruční kontrola |
| 3.3.4 | Prevence chyb (právní, finanční, datové) Úroveň AA · WCAG 2.0 | WCAG 3.3.4 požaduje, aby objednávky, platby a mazání dat šlo vrátit, zkontrolovat nebo potvrdit před dokončením (úroveň AA). Co to znamená pro pokladnu. | Ruční kontrola |
| 3.3.7 | Opakované zadávání Úroveň A · WCAG 2.2 | WCAG 3.3.7, novinka ve WCAG 2.2: údaje už zadané v procesu musí být předvyplněny nebo nabídnuty k výběru, ne psány znovu (úroveň A). Výjimky a testování. | Ruční kontrola |
| 3.3.8 | Přístupné ověřování (minimum) Úroveň AA · WCAG 2.2 | WCAG 3.3.8, novinka v 2.2, zakazuje testy paměti a hádanky při přihlášení bez alternativy nebo pomoci, jako je vložení a správce hesel (AA). Pravidla CAPTCHA. | Ruční kontrola |
4. Robustnost
| Č. | Kritérium úspěšnosti | Co zkontrolovat | Testování |
|---|---|---|---|
| 4.1.2 | Název, role, hodnota Úroveň A · WCAG 2.0 | WCAG 4.1.2 požaduje, aby každé tlačítko, odkaz a formulářový prvek předal asistivním technologiím název, roli a stav (úroveň A). Chyby ARIA v e-shopech, opravy. | Částečně automaticky |
| 4.1.3 | Stavové zprávy Úroveň AA · WCAG 2.1 | WCAG 4.1.3 požaduje, aby čtečky obrazovky oznámily zprávy jako „Přidáno do košíku“ nebo „12 výsledků“ bez přesunu fokusu (úroveň AA). role=status, alert. | Ruční kontrola |
Automatická kontrola, nikoli úplný audit. Nejedná se o právní poradenství.
Stáhněte si kontrolní seznam v PDF
Všechna kritéria úspěšnosti úrovní A a AA: co zkontrolovat, s políčkem k odškrtnutí. Zdarma, odkaz e-mailem.