Kontrolný zoznam WCAG 2.2 pre weby a e-shopy

Obrázky a médiá

• Každý informatívny obrázok má zmysluplný alternatívny text; dekoratívne obrázky majú prázdny alt.WCAG 1.1.1 · Čiastočne automaticky
• Ikony a SVG grafika s významom majú textovú alternatívu.WCAG 1.1.1 · Kontrolované automaticky
• Videá majú titulky; čisto zvukový obsah má prepis.WCAG 1.2.1, 1.2.2 · Overiť ručne
• Zvuk sa nespúšťa sám alebo ho možno zastaviť.WCAG 1.4.2 · Overiť ručne

Text a farby

• Text má kontrast aspoň 4,5:1 (veľký text 3:1).WCAG 1.4.3 · Kontrolované automaticky
• Tlačidlá, okraje polí formulárov a dôležité ikony majú kontrast aspoň 3:1.WCAG 1.4.11 · Overiť ručne
• Informácie sa neodovzdávajú len farbou (povinné polia, akciové ceny, chyby).WCAG 1.4.1 · Overiť ručne
• Stránku možno zväčšiť na 200 % bez straty obsahu; zväčšovanie nie je zakázané.WCAG 1.4.4 · Čiastočne automaticky

Štruktúra

• Každá stránka má jazyk (lang) a jedinečný, výstižný titulok.WCAG 3.1.1, 2.4.2 · Kontrolované automaticky
• Nadpisy tvoria logickú osnovu (jeden h1, bez preskakovania úrovní).WCAG 1.3.1 · Čiastočne automaticky
• Zoznamy, tabuľky a oblasti stránky majú správny HTML kód.WCAG 1.3.1 · Čiastočne automaticky

Klávesnica a fokus

• Každú funkciu možno ovládať iba klávesnicou: menu, filtre, košík, objednávka.WCAG 2.1.1 · Overiť ručne
• Fokus klávesnice je vždy dobre viditeľný.WCAG 2.4.7 · Overiť ručne
• V oknách, chatoch a cookie lištách nie sú pasce pre klávesnicu.WCAG 2.1.2 · Overiť ručne
• Odkaz „prejsť na obsah“ alebo orientačné body umožnia preskočiť opakované bloky.WCAG 2.4.1 · Čiastočne automaticky
• Prvok s fokusom nezakrýva pevná hlavička ani lišta.WCAG 2.4.11 · Overiť ručne

Formuláre a objednávka

• Každé pole má viditeľný popis (placeholder nestačí).WCAG 1.3.1, 3.3.2 · Kontrolované automaticky
• Chybové hlásenia hovoria, čo je zle a ako to opraviť.WCAG 3.3.1, 3.3.3 · Overiť ručne
• Polia meno, adresa a e-mail používajú autocomplete.WCAG 1.3.5 · Kontrolované automaticky
• Prihlásenie a objednávka nevyžadujú hádanky ani testy pamäti bez alternatívy.WCAG 3.3.8 · Overiť ručne
• Už zadané údaje netreba vypĺňať znova.WCAG 3.3.7 · Overiť ručne

Odkazy a tlačidlá

• Odkazy a tlačidlá majú zrozumiteľné názvy vrátane tlačidiel s ikonou.WCAG 2.4.4, 4.1.2 · Kontrolované automaticky
• Klikacie plochy majú aspoň 24 × 24 CSS pixelov alebo dostatočné rozostupy.WCAG 2.5.8 · Kontrolované automaticky
• Akcie potiahnutím majú alternatívu jedným kliknutím.WCAG 2.5.7 · Overiť ručne

Dynamický obsah

• Stavové hlásenia („pridané do košíka“, chyby) sa ohlásia čítačkám obrazovky.WCAG 4.1.3 · Overiť ručne
• Karusely a animácie možno zastaviť; nič nebliká viac ako trikrát za sekundu.WCAG 2.2.2, 2.3.1 · Overiť ručne
• Časové limity možno predĺžiť alebo vypnúť.WCAG 2.2.1 · Overiť ručne

Tento zoznam je praktická pomôcka, nie právne poradenstvo. Automatické nástroje spoľahlivo nájdu len časť problémov — používajte ho spolu s ručnou kontrolou a prípadne odbornou pomocou.