Kuvat havainnollistavat käsiteltävää asiaa, tehostavat informaatiota ja helpottavat sisällön ymmärtämistä. Onkin tärkeää, että kuvan sisältämä visuaalinen informaatio liittyy kiinteästi käsiteltävään asiaan. Asiaan liittymätön kuva voi harhauttaa lukijaa tai estää häntä keskittymästä käsiteltävään asiaan.

 

Saavutettava kuva on ulkonäöltään selkeä, ja näkevän lukijan on helppo hahmottaa, mitä se esittää. Parhaassa tapauksessa kuvan visuaalinen sisältö on saavutettava myös sellaisille henkilöille, joilla on heikko näkökyky tai värinäkö.

 

Kuvat toimivat usein parhaiten, kun ne esiintyvät tekstistä erillään. Erityisesti taustakuvat voivat häiritä tekstin lukemista, jos ne ovat värikkäitä ja sisältävät paljon erilaisia kuvia ja muotoja. Kuvakaappauksia kannattaa välttää, sillä ruudunlukijaa lukemiseen käyttävät henkilöt eivät pysty kuuntelemaan kuvamuodossa esitettyä tekstiä.

 

Monet kuvat ja infografiikat sisältävät kuitenkin myös tekstiä. On tärkeää varmistaa, että kontrastiero tekstin ja sen taustan välillä on riittävän suuri. Asiaan kannattaa kiinnittää huomiota myös verkkosivustoilla ja PowerPoint-esityksissä, joissa teksti on sijoitettu värilliselle pohjalle.

 

Värien kontrastin tarkistamiseen löytyy useita työkaluja. Yksi niistä on WebAIM color contrast checker. Työkalu kertoo kontrastisuhteen, kun tekstiä ja sen taustaa merkitseviin kenttiin syötetään niiden värit HEX- tai RGB-arvona. Tarvittaessa värejä voi säätää ohjelmassa tummemmiksi ja vaaleammiksi.

WCAG-kriteerin mukaan teksti erottuu taustastaan riittävän hyvin, kun kontrastisuhde on vähintään:
4,5:1 – teksti on normaalia tai pientä
3:1 – tekstin pistekoko on vähintään 18 tai se on lihavoitua ja pistekooltaan vähintään 14.

WebAIM color contrast checker -työkalu löytyy osoitteesta https://webaim.org/resources/contrastchecker/

 

Who can use -työkalu osoittaa vielä tarkemmin, millä tavalla eri tavoin näkövammaiset ihmiset erottavat valitut värit toisistaan. Työkalu löytyy osoitteesta https://www.whocanuse.com/

 

Kaikki lukijat eivät näe kuvia lainkaan ja siksi on tärkeää, että kuvan olennainen sisältö kerrotaan myös tekstimuodossa. Jotta kuvien sisältämä tieto välittyisi myös täysin sokeille henkilöille, kuvaan liitetään sähköisissä palveluissa myös tekstivastine eli alt-teksti (alternative text). Näin kuvan informaatio välittyy ruudunlukuohjelmaa käyttävälle henkilölle ja muillekin, joille kuva ei syystä tai toisesta näy.

 

Alt-teksti on lyhyt, ja se välittää kuvan sisältämän tiedon, joka ei ole luettavissa muusta tekstistä tai kuvatekstistä. Alt-tekstin voi määrittää kaikille tekstiä sisältämättömille elementeille kuten kuville, äänille, videoille sekä pylväs-, ympyrä- ja viivakaavioille. Ainoastaan koristeellisista kuvista sen voi jättää kokonaan pois.