Neljä WCAG-periaatetta
WCAG (Web Content Accessibility Guidelines) perustuu neljään periaatteeseen: havaittavuus, hallittavuus, ymmärrettävyys ja toimintavarmuus. Nämä pätevät sisällön kielestä riippumatta. Havaittavuus tarkoittaa, että kaikki tiedot ovat näkö- tai kuulovammaisten käyttäjien saatavissa. Hallittavuus varmistaa, että kaikkia toimintoja voidaan käyttää näppäimistöllä ilman aikarajoituksia. Ymmärrettävyys edellyttää selkeää kieltä ja johdonmukaista navigointia. Toimintavarmuus takaa yhteensopivuuden avustavien teknologioiden kanssa. Kansainvälisillä verkkosivustoilla näitä periaatteita on sovellettava yhtäläisesti jokaisella kieliversiolla.
Kielen merkitseminen lang-attribuutilla
HTML-elementin lang-attribuutti ilmaisee sivun tai osan luonnollisen kielen. Ruudunlukuohjelmat käyttävät tätä attribuuttia valitakseen oikean ääntämisen ja painotuksen. Monikielisillä sivuilla lang-attribuutti on asetettava oikein pääsivulla ja kielen vaihtuessa tekstissä. Esimerkiksi: <html lang="fi"> suomeksi ja <span lang="en"> englanninkielisille jaksoille. Jos tämä attribuutti puuttuu, sivun käyttö voi vaikeutua huomattavasti näkövammaisille henkilöille. Tarkista siksi jokainen kieliversio attribuuttien täydellisyyden ja oikeellisuuden osalta.
Kontrastit ja värit
Riittävä kontrasti tekstin ja taustan välillä on olennaista luettavuudelle. WCAG-taso AA vaatii vähintään 4,5:1 kontrastisuhdetta normaalille tekstille ja 3:1 suurelle tekstille. Tämä koskee kaikkia verkkosivuston kieliä. Vältä pelkkiä värieroja tiedon välittämisessä, sillä värisokeat käyttäjät eivät erota niitä. Käytä lisäksi symboleja tai tekstimerkintöjä. Väriteemat tulisi myös tarkistaa jokaisessa paikallisessa versiossa, koska kulttuuriset assosiaatiot voivat vaihdella. Testaa sivut kontrastianalyysityökaluilla kehityksen aikana.
Näppäimistökäytettävyys
Kaikkien interaktiivisten elementtien on oltava saavutettavissa ja käytettävissä näppäimistöllä. Tämä koskee linkkejä, painikkeita, lomakekenttiä ja valikoita. Fokuksen on oltava näkyvä, mieluiten selkeän fokuskehyksen avulla. Vältä elementtejä, jotka toimivat vain hiirellä tai kosketuksella. Erityisesti kansainvälisillä sivuilla, joilla on monimutkaisia navigaatioita, näppäimistökäytettävyys tulisi testata jokaisessa kieliversiossa. Dynaamisten sisältöjen, kuten modaalisten ikkunoiden, on hallittava fokusta oikein. Varmista, että DOM-elementtien järjestys vastaa loogista järjestystä eikä sitä määrätä pelkästään CSS:n avulla.
Alt-tekstit monikielisissä yhteyksissä
Alt-tekstit kuvaavat kuvia ruudunlukuohjelmille, ja ne tulee kirjoittaa ympäröivän sivun kielellä. Monikielisillä verkkosivustoilla tämä tarkoittaa: jokainen kuva saa alt-tekstin kyseisessä kieliversiossa. Älä käytä automaattisia käännöksiä, vaan luo sopivat kuvaukset jokaiselle kohderyhmälle. Tekstiä sisältävien grafiikoiden alt-tekstin on toistettava sisältämä teksti. Koristeellisten kuvien alt-teksti jätetään tyhjäksi (alt=""), jotta avustavat teknologiat ohittavat ne. Tämä lähestymistapa varmistaa, että sisältö pysyy saavutettavana kaikilla kielillä.
