Saavutettavuus

Verkkopalvelujen saavutettavuus tarkoittaa, että verkkopalvelu on mahdollisimman monen henkilön käytettävissä helposti mahdollisista rajoitteista huolimatta.

Saavutettavuusdirektiivi koskee mm. julkisen hallinnon organisaatioita sekä osaa järjestöistä ja yrityksistä. Lue lisää Valtionvarainministeriön sivuilta.

Lue myös blogikirjoituksemme Verkkopalveluiden saavutettavuus kaventaa digitaalisen eriarvoisuuden kuilua.

Kuvien ALT-tekstit

Vaihtoehtoisen tekstin (ALT-teksti) avulla kerrotaan kuvan sisältämä tieto niille henkilöille, jotka eivät jostain syystä näe kuvaa. Syynä voi olla näkövamma tai se, että kuvat eivät ole latautuneet tai henkilö ei ole halunnut ladata niitä. Esim. näkövammaisten käyttämät ruudunlukuohjelmat lukevat selaajalle ALT-tekstin ääneen. 

Miten lisään kuvalle ALT-tekstin?

  • Valitse kuvaosion yläreunasta Asetukset
  • Klikkaa Aseta kuvalle vaihtoehtoinen teksti (ALT-teksti)
  • Kirjoita teksti ja tallenna.

Millainen on hyvä ALT-teksti?

Tässä muutamia vinkkejä kuvan ALT-tekstin kirjoittamiseen: 

  • Älä aloita vaihtoehtoista tekstiä sanalla "Kuva" tai "Kuvassa". Ruudunlukuohjelmat tunnistavat kuvat ja ilmoittavat selaajalle, että kyseessä on kuva.
  • Jos kuva on linkki, ruudunlukija tunnistaa myös sen - sitä ei siis tarvitse mainita erikseen.
  • Kirjoita selkeästi ja kuvailevasti, mutta tiiviisti, mitä kuvassa on.
  • Älä turhaan toista ALT-tekstissä kuvan kuvatekstiä tai muualla sivulla olevaa sisältöä.
  • Jos kuva sisältää vähän tekstiä eikä samaa tekstiä löydy muualta sivulta, kirjoita alt-tekstiin kuvassa oleva teksti.
  • Päätä ALT-teksti aina pisteeseen, vaikka teksti ei olisikaan kokonainen lause. Näin ruudunlukuohjelmat tunnistavat, mihin alt-teksti päättyy.

Alt-teksti voi olla joissain tapauksissa myös tyhjä. Alt-tekstiä ei tarvitse lisätä sivustolla käytettäviin koristekuviin, jotka on lisätty taiton vuoksi (esim. tekstin välissä olevat viivat tai kuviot). Koristekuvat eivät sisällä mitään informaatiota selaajalle, joten alt-tekstiä ei tarvitse lisätä.