eetteri

Kontrastin merkitys korostuu, kun verkkopalvelun käyttäjäryhmiin kuuluu eri-ikäisiä käyttäjiä.   Iän myötä myös verkkokalvolle saapuvan valon määrä pienenee, joten käyttöliittymän kirkkaustasoon tulisi kiinnittää huomiota. Oman lisähaasteensa asiaan tuo näyttöjen erilaiset ominaisuudet. Esimerkiksi LCD -näytöt ovat huomattavasti perinteisiä kuvaputkinäyttöjä kirkkaampia). (Esim. Näsänen 2007, 21 - 22.)

Tekstin luettavuuteen vaikuttavia tekijöitä ovat tekstin ja taustan välinen tummuusero (vaaleuskontrasti, vrt. fys. luminanssikontrasti) ja väriero (värikontrasti) sekä tekstin koko. Huomion kiinnittäminen pelkästään tekstin ja taustan värieroon ei riitä, sillä vaikka värikontrasti  olisikin suuri, havainto- ja lukunopeus hidastuvat merkittävästi mikäli tummuusero pienenee. Toisin sanoen heikkonäköiselle ei riitä pelkkä suuri väriero, myös tummuuseron on oltava riittävä. Tekstin koko on myös oleellinen tekijä, sillä suurikokoista tekstiä tunnistetaan matalimmilla kontrasteilla kuin pientä tekstiä. Käyttäjällä tulisikin olla aina mahdollisuus suurentaa kirjasimen kokoa selaimen valikoista.(Näsänen 2001; Näsänen 2007.)

Suurin tummuusero eli vaaleuskontrasti on mustan ja valkoisen välillä (luminosity contrast ratio = 21:1), joten tekstin luettavuudeltaan kannalta paras ratkaisu on musta teksti valkoisella pohjalla. Kontrastin tulisi olla isolla tekstillä (kirjasinkoko väh. 18 pistettä) minimissään 3:1, mieluiten kuitenkin 5:1. Pienellä tekstillä kontrastin tulisi olla vähintään 5:1, mieluiten 7:1. (Esim. Understanding WCAG 2.0, 2008).

Lähteet: 

• Näsänen, R. 2001. Visuaalinen käytettävyys - mitä näköaistin ominaisuuksia tulisi ottaa huomioon visuaalisten informaation esitystavan suunnittelussa. Työterveyslääkäri 2001, Vol. 18, Nro 4, 476 - 478.
• Näsänen, R. Visuaalisen käytettävyyden opas 2007 [online]. Helsinki: Työterveyslaitos - Aivot ja työ tutkimuskeskus, 2007 [viitattu 10.2.2009]. Saatavissa pdf-muodossa: <URL: http://www.ttl.fi/NR/rdonlyres/85F6B4CF-9C0C-4482-AB43-48BF17DFDD77/0/Opas2007.pdf >.
• Understanding WCAG 2.0. 2008. W3C, päivitetty 11.12.2008 [vvitattu 10.2.2009]. Understanding Success Criterion 1.4.6. Saatavissa www-muodossa: <URL: http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast7.html >