Keturi WCAG principai
WCAG (Web Content Accessibility Guidelines) yra pagrįsti keturiais principais: suvokiamumas, valdomumas, suprantamumas ir tvirtumas. Jie galioja nepriklausomai nuo turinio kalbos. Suvokiamumas reiškia, kad visa informacija gali būti prieinama ir vartotojams, turintiems regos ar klausos sutrikimų. Valdomumas užtikrina, kad visos funkcijos būtų naudojamos klaviatūra ir be laiko apribojimų. Suprantamumas reikalauja aiškios kalbos ir nuoseklios navigacijos. Tvirtumas garantuoja suderinamumą su pagalbinėmis technologijomis. Tarptautinėse svetainėse šie principai turi būti vienodai įgyvendinti kiekvienoje kalbos versijoje.
Kalbos žymėjimas naudojant lang atributą
HTML elemento lang atributas nurodo natūralią puslapio ar skirsnio kalbą. Ekrano skaitytuvai naudoja šį atributą, kad pasirinktų teisingą tarimą ir kirčiavimą. Daugiakalbėse svetainėse lang atributas turi būti teisingai nustatytas pagrindiniame puslapyje ir kalbos pasikeitimo vietose tekste. Pavyzdžiui: <html lang="de"> vokiečių kalbai ir <span lang="en"> anglų kalbos ištraukoms. Jei šis atributas trūksta, svetainės naudojimas regos negalią turintiems asmenims gali būti labai apsunkintas. Todėl patikrinkite kiekvieną kalbos variantą, ar atributas yra pilnai ir teisingai nurodytas.
Kontrastai ir spalvos
Pakankamas kontrastas tarp teksto ir fono yra būtinas įskaitomumui. WCAG AA lygis reikalauja ne mažesnio kaip 4,5:1 kontrasto santykio įprastiniam tekstui ir 3:1 dideliam tekstui. Tai taikoma visoms svetainės kalboms. Venkite informacijos perdavimo vien spalvomis, nes spalvų aklumą turintys vartotojai to negali atpažinti. Papildomai naudokite simbolius arba teksto žymėjimus. Spalvų schemas taip pat reikėtų patikrinti visose lokalizuotose versijose, nes kultūrinės asociacijos gali skirtis. Testuokite savo puslapius kontrasto analizės įrankiais kūrimo metu.
Valdymas klaviatūra
Visi interaktyvūs elementai turi būti pasiekiami ir valdomi naudojant klaviatūrą. Tai taikoma nuorodoms, mygtukams, formų laukams ir meniu. Fokusas turi būti matomas, geriausia – aiškiu fokuso rėmeliu. Venkite elementų, kurie veikia tik pelės arba lietimo būdu. Ypač tarptautinėse svetainėse su sudėtinga navigacija, klaviatūros valdymas turėtų būti testuojamas kiekvienoje kalbos versijoje. Dinaminis turinys, pvz., modaliniai langai, turi teisingai valdyti fokusą. Užtikrinkite, kad elementų tvarka DOM atitiktų loginę tvarką ir nebūtų nustatoma vien CSS.
Alt tekstai daugiakalbiuose kontekstuose
Alt tekstai apibūdina paveikslėlius ekrano skaitytuvams ir turėtų būti parašyti aplinkinio puslapio kalba. Daugiakalbėse svetainėse tai reiškia: kiekvienas paveikslėlis gauna alt tekstą atitinkamoje kalbos versijoje. Nenaudokite automatinių vertimų, o sukurkite tinkamus aprašymus kiekvienai tikslinei grupei. Grafikos su tekstu turi pateikti jame esantį tekstą kaip alt tekstą. Dekoratyvūs paveikslėliai gauna tuščią alt tekstą (alt=""), kad juos ignoruotų pagalbinės technologijos. Šis metodas užtikrina, kad turinys išliktų prieinamas visomis kalbomis.
