Čtyři principy WCAG
WCAG (Web Content Accessibility Guidelines) jsou založeny na čtyřech principech: vnímatelnost, ovladatelnost, srozumitelnost a robustnost. Ty platí nezávisle na jazyce obsahu. Vnímatelnost znamená, že všechny informace mohou vnímat i uživatelé se zrakovým nebo sluchovým postižením. Ovladatelnost zajišťuje, že všechny funkce jsou použitelné pomocí klávesnice a bez časových omezení. Srozumitelnost vyžaduje jasný jazyk a konzistentní navigaci. Robustnost zaručuje kompatibilitu s asistenčními technologiemi. U mezinárodních webových stránek musí být tyto zásady implementovány v každé jazykové verzi stejně.
Označení jazyka pomocí atributu lang
Atribut lang v HTML elementu určuje přirozený jazyk stránky nebo její části. Čtečky obrazovky tento atribut využívají pro správnou výslovnost a intonaci. U vícejazyčných stránek musí být atribut lang správně nastaven na hlavní stránce i při jazykových přechodech v textu. Například: <html lang="cs"> pro češtinu a <span lang="en"> pro anglické pasáže. Pokud tento atribut chybí, může být používání stránky pro osoby se zrakovým postižením výrazně ztíženo. Zkontrolujte proto každou jazykovou variantu, zda má atribut správně a úplně nastaven.
Kontrasty a barvy
Dostatečný kontrast mezi textem a pozadím je zásadní pro čitelnost. Úroveň AA podle WCAG vyžaduje kontrastní poměr alespoň 4,5:1 pro běžný text a 3:1 pro velký text. To platí pro všechny jazyky webu. Vyhněte se informacím založeným pouze na barevném rozlišení, protože barvoslepí uživatelé je nerozpoznají. Používejte navíc symboly nebo textové značení. Barevná schémata by měla být testována ve všech jazykových mutacích, protože kulturní asociace se mohou lišit. Testujte své stránky nástroji pro analýzu kontrastu během vývoje.
Ovládání klávesnicí
Všechny interaktivní prvky musí být dosažitelné a ovladatelné pomocí klávesnice. To zahrnuje odkazy, tlačítka, pole formulářů a nabídky. Fokus musí být viditelný, ideálně pomocí zřetelného rámečku. Vyhněte se prvkům, které fungují pouze myší nebo dotykem. Zejména u mezinárodních stránek se složitou navigací by mělo být ovládání klávesnicí otestováno v každé jazykové verzi. Dynamický obsah, jako jsou modální okna, musí správně spravovat fokus. Ujistěte se, že pořadí prvků v DOM odpovídá logickému pořadí a není určeno pouze CSS.
Alternativní texty ve vícejazyčných kontextech
Alternativní texty popisují obrázky pro čtečky obrazovky a měly by být napsány v jazyce okolní stránky. U vícejazyčných webů to znamená: každý obrázek má alternativní text v příslušné jazykové verzi. Nepoužívejte automatické překlady, ale vytvořte vhodné popisy pro každou cílovou skupinu. Grafika s textem musí obsahovat text v alternativním textu. Dekorativní obrázky mají prázdný alternativní text (alt=""), aby byly asistivními technologiemi ignorovány. Tento přístup zajišťuje, že obsah zůstane přístupný ve všech jazycích.
