Kuvat

Kuvat välittävät tietoa, havainnollistavat tekstisisältöä sekä luovat mielikuvia. Usein ne toimivat tekstisisällön ymmärtämisen tukena ja parantavat siten saavutettavuutta. Toisaalta kuvat voivat myös heikentää saavutettavuutta, jos niiden välittämä tietosisältö on saatavilla vain kuvallisessa muodossa.

Saavutettavuuden näkökulmasta keskeistä on määritellä kuvaan tekstivastine. Tekstivastineessa kuvataan, mitä kuvassa näkyy tai mitä kuva viestii tässä kontekstissa. Samasta asiasta käytetään myös nimitystä vaihtoehtoinen teksti, vaihtoehtoinen kuvaus tai alt-teksti. Tekstivastineen lisääminen tapahtuu eri tavalla erilaisilla julkaisualustoilla. Yleensä sen löytää, kun menee sivun muokkaustilassa muokkaamaan kuvaa ja sen tietoja.

Värit

Visuaalisuus on oleellinen osa toimivaa ja miellyttävää verkkopalvelua. Värien käyttöön liittyy saavutettavuuden näkökulmasta seuraavat kolme keskeisintä periaatetta:

  • Tekstin ja taustan värikontrastin tulee ovat riittävä.
  • Toimintoja tai merkityksiä ei ilmaista pelkällä värillä.
  • Käytetyt värit ja väriyhdistelmät eivät estä esim. värisokeita tai heikkonäköisiä ihmisiä pääsemästä tietoon käsiksi.

Seuraavassa näet muutaman esimerkin kontrastin vaikutuksesta tekstin luettavuuteen. Tutustu kuviin ja pohdi seuraavia kysymyksiä:

  • Havaitsetko eroja luettavuudessa?
  • Miksi jotakin tekstiä on helpompi lukea kuin toista?
  • Millaisin keinoin tekstin luettavuutta voi parantaa?

Tutustu tarkemmin Kuvien saavutettavuus ja Kuvien vaihtoehtoiset tekstit -osioihin:

Saavutettavat asiakirjat verkossa

Esimerkki: Jamkin brändivärit ja saavutettavuus

Jamkin verkkoalustoilla (esim. Jamk.fi, Jamk Arena) ovat käytössä brändivärit. Brändivärien määrittelyssä ja värien käytön ohjeissa on huomioitu saavutettavuusvaatimukset.

Korkeakoulun esitysgrafiikassa käytetään Jamkin omaa PowerPoint-pohjaa, jossa saavutettavuus on huomioitu. Tekstin värit, taustavärit sekä kuvakkeet noudattavat brändiväritystä. Jamkin PowerPoint-pohjassa on huomioitu myös tekstin riittävä koko useimmissa käyttötilanteissa, kunhan yhdelle dialle ei sijoiteta liikaa tekstiä.

Materiaalista suoritettu

Materiaalista suoritettu

Saavutettava sisältö ja materiaali
Saavutettava verkkosisältöSaavutettava kieliKuvat ja väritSaavutettavat tiedostotVideot ja podcastit