Etusivu › Tietopankki › WCAG-kriteeri

Värikontrasti WCAG 1.4.3:n mukaan

Tekstin on erotuttava taustasta riittävästi. WCAG 2.2 -onnistumiskriteeri 1.4.3 vaatii normaalille tekstille vähintään 4,5:1 ja suurelle tekstille (vähintään 24 px tai vähintään 18,66 px lihavoituna) vähintään 3:1.

Yleiset virheet

Vaaleanharmaa leipäteksti valkoisella (usein vain 2,5–3,5:1), paikkamerkkiteksti lomakekentissä, vaalea painiketeksti keskisävyllä, linkin väri liian lähellä tekstin väriä.

Näin korjaat sen

Tummenna tekstin väriä tai vaalenna taustaa, kunnes arvo on kohdallaan. Älä koskaan käytä väriä ainoana erottavana tekijänä — alleviivaa myös linkit, nimeä myös tilat.

Ei koske

Puhtaasti koristeellisten elementtien, poistettujen hallintaelementtien ja logojen ei tarvitse täyttää kontrastivaatimusta.

Näin a11yglass auttaa

Maksuton skannaus tarkistaa toimitetun HTML:n ja CSS:n automaattisesti tunnistettavien WCAG-rikkomusten varalta ja ilmoittaa kutakin havaintoa kohti onnistumiskriteerin ja konkreettisen toimenpiteen. Se löytää suunnilleen 20–35 % ongelmista eikä korvaa täydellistä arviointia.

Lue lisää

• Tekstikuvat WCAG 1.4.5:n mukaan
• Linkkiteksti WCAG 2.4.4:n mukaan
• Neljä WCAG-periaatetta

Yleistä tietoa parhaan tietämyksen mukaan, ei oikeudellista neuvontaa. Yksittäistapauksessa on syytä kääntyä IT-oikeuteen erikoistuneen asianajotoimiston puoleen.