Neli WCAG põhimõtet
WCAG (Web Content Accessibility Guidelines) põhineb neljal põhimõttel: tajutavus, kasutatavus, mõistetavus ja töökindlus. Need kehtivad sõltumata sisu keelest. Tajutavus tähendab, et kogu teave on kättesaadav ka nägemis- või kuulmispuudega kasutajatele. Kasutatavus tagab, et kõiki funktsioone saab kasutada klaviatuuri abil ja ilma ajaliste piiranguteta. Mõistetavus nõuab selget keelt ja järjepidevat navigatsiooni. Töökindlus tagab ühilduvuse abistavate tehnoloogiatega. Rahvusvaheliste veebisaitide puhul tuleb neid põhimõtteid rakendada igas keeleversioonis võrdselt.
Keele märgistamine lang-atribuudiga
Lang-atribuut HTML-elemendis määrab lehe või lõigu loomuliku keele. Ekraanilugejad kasutavad seda atribuuti õige häälduse ja rõhu valimiseks. Mitmekeelsete lehtede puhul tuleb lang-atribuut korrektselt seadistada nii põhilehel kui ka keele vahetumise kohtades. Näiteks: <html lang=“de“> saksa keele ja <span lang=“en“> ingliskeelsete lõikude jaoks. Kui see atribuut puudub, võib lehe kasutamine nägemispuudega inimeste jaoks oluliselt raskeneda. Seetõttu kontrollige iga keeleversiooni atribuudi täielikkust ja korrektsust.
Kontrastid ja värvid
Piisav kontrast teksti ja tausta vahel on loetavuse jaoks hädavajalik. WCAG tase AA nõuab kontrastsuhet vähemalt 4,5:1 tavalise teksti ja 3:1 suure teksti jaoks. See kehtib kõigi veebisaidi keelte kohta. Vältige teabe edastamist ainult värvieristuste abil, kuna värvipimedad kasutajad ei suuda neid eristada. Kasutage lisaks sümboleid või tekstimärgistusi. Värviskeeme tuleks kontrollida ka kõigis kohalikes versioonides, sest kultuurilised assotsiatsioonid võivad erineda. Testige oma lehti arenduse ajal kontrastanalüüsi tööriistadega.
Klaviatuuriga juhtimine
Kõik interaktiivsed elemendid peavad olema klaviatuuri abil ligipääsetavad ja juhitavad. See puudutab linke, nuppe, vormivälju ja menüüsid. Fookus peab olema nähtav, ideaalis selge fookusraamiga. Vältige elemente, mis töötavad ainult hiire või puutega. Eriti rahvusvahelistel lehtedel, kus on keeruline navigatsioon, tuleks klaviatuuriga juhtimist testida igas keeleversioonis. Dünaamiline sisu, nagu modaalaknad, peavad fookust õigesti haldama. Veenduge, et elementide järjekord DOM-is vastaks loogilisele järjekorrale ja seda ei määrataks ainult CSS-i abil.
Alt-tekstid mitmekeelses kontekstis
Alt-tekstid kirjeldavad pilte ekraanilugejate jaoks ja peaksid olema kirjutatud ümbritseva lehe keeles. Mitmekeelsetel veebisaitidel tähendab see, et iga pilt saab alt-teksti vastavas keeleversioonis. Ärge kasutage automaattõlkeid, vaid looge igale sihtrühmale sobivad kirjeldused. Teksti sisaldavad graafikud peavad alt-tekstina edasi andma sisalduva teksti. Dekoratiivsed pildid saavad tühja alt-teksti (alt=““), et assistiivtehnoloogiad neid ignoreeriksid. See lähenemine tagab, et sisu on kõigis keeltes ligipääsetav.
