Četiri načela WCAG-a
WCAG (Web Content Accessibility Guidelines) temelje se na četiri načela: perceptibilnost, operabilnost, razumljivost i robustnost. Ova načela vrijede neovisno o jeziku sadržaja. Perceptibilnost znači da sve informacije mogu biti percipirane i od strane korisnika s oštećenjem vida ili sluha. Operabilnost osigurava da se sve funkcije mogu koristiti putem tipkovnice i bez vremenskih ograničenja. Razumljivost zahtijeva jasan jezik i dosljednu navigaciju. Robustnost jamči kompatibilnost s asistivnim tehnologijama. Za međunarodne web stranice, ova načela moraju biti jednako implementirana u svakoj jezičnoj verziji.
Označavanje jezika lang atributom
Lang atribut u HTML elementu označava prirodni jezik stranice ili odjeljka. Čitači zaslona koriste ovaj atribut za odabir ispravnog izgovora i naglaska. Na višejezičnim stranicama, lang atribut mora biti ispravno postavljen na glavnoj stranici i pri svakoj promjeni jezika u tekstu. Na primjer: <html lang="de"> za njemački i <span lang="en"> za engleske dijelove. Ako ovaj atribut nedostaje, korištenje stranice za osobe s oštećenjem vida može biti znatno otežano. Stoga provjerite svaku jezičnu varijantu za potpunu i ispravnu atribuciju.
Kontrasti i boje
Dovoljni kontrasti između teksta i pozadine ključni su za čitljivost. WCAG razina AA zahtijeva omjer kontrasta od najmanje 4,5:1 za normalni tekst i 3:1 za veliki tekst. To vrijedi za sve jezike web stranice. Izbjegavajte korištenje samo razlika u boji za prenošenje informacija jer ih osobe s daltonizmom ne mogu prepoznati. Dodatno koristite simbole ili oznake teksta. Sheme boja također treba provjeriti u svim lokalnim verzijama jer kulturne asocijacije mogu varirati. Testirajte svoje stranice alatima za analizu kontrasta tijekom razvoja.
Upravljanje tipkovnicom
Svi interaktivni elementi moraju biti dostupni i upravljivi putem tipkovnice. To uključuje poveznice, gumbe, polja obrazaca i izbornike. Fokus mora biti vidljiv, po mogućnosti jasnim okvirom fokusa. Izbjegavajte elemente koji funkcioniraju samo mišem ili dodirom. Osobito na međunarodnim stranicama sa složenim navigacijama, upravljanje tipkovnicom treba testirati u svakoj jezičnoj verziji. Dinamički sadržaji poput modalnih prozora moraju ispravno upravljati fokusom. Osigurajte da redoslijed elemenata u DOM-u odgovara logičkom redoslijedu i nije određen isključivo CSS-om.
Alt tekstovi u višejezičnim kontekstima
Alt tekstovi opisuju slike za čitače zaslona i trebaju biti napisani na jeziku okolne stranice. Na višejezičnim web stranicama to znači: svaka slika dobiva alt tekst na odgovarajućoj jezičnoj verziji. Nemojte koristiti automatske prijevode, već izradite odgovarajuće opise za svaku ciljnu skupinu. Grafički prikazi s tekstom moraju sadržavati taj tekst kao alt tekst. Dekorativne slike dobivaju prazan alt tekst (alt="") kako bi ih asistivne tehnologije ignorirale. Ovaj pristup osigurava da sadržaj ostane dostupan na svim jezicima.
