1.1 Textové alternativy
1.2 Multimédia závislá na čase
1.3 Přizpůsobitelnost
1.4 Rozlišitelnost
2.1 Klávesnice
2.2 Dostatek času
2.3 Záchvaty a fyzické reakce
2.4 Navigace
2.5 Způsoby zadávání
3.1 Čitelnost
3.2 Předvídatelnost
3.3 Pomoc při zadávání
4.1 Kompatibilita
1.1.1 Netextový obsah
Testujeme automaticky
Toto kritérium testujeme automaticky pomocí následujících pravidel:
- image-alt – Obrázky mají alternativní text
- input-image-alt – Vstupní obrázky mají alternativní text
- object-alt – Object elementy mají alternativní text
- svg-img-alt – SVG obrázky mají přístupný text
- role-img-alt – Elementy s role="img" mají alt text
- area-alt – Image map oblasti mají alt text
Oficiální znění
Veškerý netextový obsah, který je prezentován uživateli, má textovou alternativu sloužící ekvivalentnímu účelu, s výjimkou situací uvedených níže:
- Ovládací prvky, vstup: Pokud je netextový obsah ovládací prvek nebo přijímá vstup od uživatele, má název popisující jeho účel.
- Časově závislá média: Pokud je netextový obsah časově závislé médium, textové alternativy alespoň poskytují popisnou identifikaci netextového obsahu.
- Test: Pokud je netextový obsah testem nebo cvičením, které by bylo neplatné, kdyby bylo prezentováno v textu, textové alternativy alespoň poskytují popisnou identifikaci netextového obsahu.
- Smyslový: Pokud je netextový obsah primárně určen k vytvoření specifického smyslového zážitku, textové alternativy alespoň poskytují popisnou identifikaci netextového obsahu.
- CAPTCHA: Pokud je účelem netextového obsahu potvrzení, že k obsahu přistupuje osoba a nikoli počítač, jsou poskytnuty textové alternativy identifikující a popisující účel netextového obsahu a jsou poskytnuty alternativní formy CAPTCHA využívající výstupní režimy pro různé typy smyslového vnímání.
- Dekorace, formátování, neviditelné: Pokud je netextový obsah čistě dekorativní, používá se pouze k vizuálnímu formátování nebo není prezentován uživatelům, je implementován způsobem, že může být asistivními technologiemi ignorován.
Co to znamená v praxi
Každý obrázek na webu potřebuje textový popis (alt text), který vysvětluje, co je na obrázku. Tento text se zobrazí, když se obrázek nenačte, a čtečky obrazovky ho přečtou nevidomým uživatelům.
Hlavní pravidla:
- Informační obrázky – popisujte, co je důležité. Např. 'Graf ukazující nárůst návštěvnosti o 25%'
- Funkční obrázky (tlačítka, ikony) – popisujte funkci, ne vzhled. 'Hledat' místo 'Lupa'
- Dekorativní obrázky – použijte prázdný alt (alt=''), aby je čtečky přeskočily
- Složité obrázky (grafy, schémata) – poskytněte dlouhý popis v textu stránky
Originální znění
Originální znění W3C: WCAG 2.1 Success Criterion 1.1.1 Non-text Content
1.2.1 Pouze audio a pouze video (předtočené)
Pouze manuální testování
Toto kritérium nelze automaticky testovat. Vyžaduje lidské posouzení obsahu audio a video souborů.
Co kontrolujeme manuálně:
- Přítomnost textového přepisu pro audio obsah
- Přítomnost audiopopisu pro video obsah
- Kvalita a úplnost alternativ
Oficiální znění
Pro předtočená pouze audio a předtočená pouze video média jsou splněny následující podmínky, s výjimkou případů, kdy je audio nebo video alternativou k textu a je jako taková jasně označena:
- Pouze předtočené audio: Je poskytnuta alternativa pro časově závislá média, která prezentuje ekvivalentní informace pro předtočený pouze audio obsah.
- Pouze předtočené video: Je poskytnuta buď alternativa pro časově závislá média, nebo audio stopa, která prezentuje ekvivalentní informace pro předtočený pouze video obsah.
Originální znění
Originální znění W3C: WCAG 2.1 Success Criterion 1.2.1 Audio-only and Video-only (Prerecorded)
1.2.2 Titulky (předtočené)
Částečně automaticky
Toto kritérium testujeme částečně automaticky.
Co testujeme automaticky:
- video-caption – Přítomnost titulků u video elementů
Co vyžaduje manuální kontrolu:
- Kvalita a přesnost titulků
- Synchronizace titulků se zvukem
- Identifikace mluvčích
Oficiální znění
Pro veškerý předtočený zvukový obsah v synchronizovaných médiích jsou poskytnuty titulky, s výjimkou případů, kdy je médium alternativou k textu a je jako taková jasně označena.
Co to znamená:
Každé video s mluveným slovem musí mít titulky. Titulky by měly obsahovat nejen dialog, ale také důležité zvuky (např. [zvonění telefonu], [hudba]).
Originální znění
Originální znění W3C: WCAG 2.1 Success Criterion 1.2.2 Captions (Prerecorded)