Saavutettavuuden perusteet verkkosivuilla – yksinkertainen opas

Saavutettavuus kuulostaa tekniseltä ja vaikealta, mutta perusajatus on yksinkertainen: verkkosivusi toimivat kaikille. Sillä ei ole väliä, käyttääkö ihminen hiirtä vai näppäimistöä, näkeekö hän hyvin vai huonosti, tai katsooko hän sivua isolla näytöllä vai puhelimella kirkkaassa auringossa.

Saavutettavuus ei siis ole erillinen lisäominaisuus, vaan osa toimivaa sivustoa. Käyn tässä läpi perusasiat selkokielellä niin, että voit ottaa ne huomioon verkkosivustollasi. Suurin osa on pieniä asioita, jotka kannattaa huomioida heti alusta alkaen.

Kenelle saavutettavuus on tärkeää

Usein ajatellaan, että saavutettavuus koskee vain näkö- tai liikuntavammaisia. Heille se on tärkeää, mutta hyötyjiä on paljon enemmän. Moni on välillä tilanteessa, jossa sivun käyttö on tavallista hankalampaa: lukulasit ovat hukassa, toinen käsi on varattu tai videota katsotaan julkisessa tilassa ilman ääntä.

Lisäksi pysyvä näön, kuulon tai liikkumisen rajoite on yleisempää kuin moni ajattelee, eikä sitä aina näe päältä päin. Kun sivusto on saavutettava, se palvelee kaikkia näitä ihmisiä paremmin. Käytännössä saavutettava sivu on usein vain selkeämpi ja helppokäyttöisempi sivu, mikä hyödyttää jokaista kävijää.

Perusasiat, jotka kannattaa hoitaa kuntoon

Tässä tavallisimmat ja tärkeimmät perusasiat. Yksikään niistä ei vaadi teknistä erikoisosaamista.

Kuvien tekstivastineet. Anna jokaiselle merkitykselliselle kuvalle lyhyt sanallinen kuvaus eli alt-teksti. Sen avulla ruudunlukuohjelmaa käyttävä saa tietää, mitä kuvassa on. Se auttaa myös hakukoneita. Pelkän koristekuvan voi jättää ilman kuvausta.

Riittävä kontrasti. Varmista, että teksti erottuu taustasta selvästi. Vaalean harmaa teksti valkoisella pohjalla näyttää tyylikkäältä, mutta moni ei erota sitä. Tumma teksti vaalealla pohjalla on turvallisin valinta.

Selkeä otsikkorakenne. Käytä otsikoita järjestyksessä: yksi pääotsikko, sitten väliotsikot loogisessa järjestyksessä. Älä valitse otsikkotasoa sen mukaan, miltä se näyttää, vaan sen mukaan, mikä on sisällön rakenne. Tämä auttaa sekä ruudunlukijaa että hakukonetta hahmottamaan sivun.

Kuvaavat linkkitekstit. Kirjoita linkkiin, mihin se johtaa. ”Lue lisää palveluistani” on parempi kuin ”klikkaa tästä”, koska linkin tekstistä pitäisi käydä ilmi sen kohde myös irrallaan luettuna.

Toimivuus näppäimistöllä. Osa käyttäjistä liikkuu sivulla pelkällä näppäimistöllä, ei hiirellä. Tarkista, että pääset etenemään sivulla ja täyttämään lomakkeet Tab-näppäimellä ja että näet koko ajan, missä kohdassa sivua olet.

Selkeät lomakkeet. Jos sivulla on yhteydenotto- tai tilauslomake, varmista, että jokaisella kentällä on selkeä nimilappu ja että virheilmoitus kertoo ymmärrettävästi, mikä meni pieleen. Lomake on usein se kohta, jossa asiakas joko ottaa yhteyttä tai luovuttaa.

Ymmärrettävä kieli. Kirjoita selkeästi ja vältä turhaa ammattikieltä. Selkeä teksti on saavutettavuutta siinä missä tekniset asiatkin, ja se palvelee kaikkia lukijoita.

Toimivuus puhelimella. Suuri osa kävijöistä tulee puhelimella. Varmista, että sivu skaalautuu pienelle näytölle ja että tekstin voi suurentaa ilman, että sivu menee rikki.

Videoiden tekstitys. Jos käytät videoita, lisää niihin tekstitys. Se auttaa kuulovammaisia, mutta myös niitä, jotka katsovat ilman ääntä.

Saavutettavuus ja löydettävyys kulkevat yhdessä

Tässä on hyvä uutinen: samat asiat, jotka tekevät sivusta saavutettavan, tekevät siitä myös paremmin löydettävän. Selkeä otsikkorakenne, kuvaavat tekstit ja ymmärrettävä sisältö auttavat sekä ruudunlukijaa että Googlea. Et siis tee kahta erillistä työtä, vaan yksi ja sama huolellisuus palvelee molempia.

Mitä laki sanoo?

Moni pelkää, että saavutettavuus on raskas lakivelvoite. Useimmille yksinyrittäjille se ei ole. EU:n esteettömyysdirektiivin vaatimuksia on sovellettu 28.6.2025 alkaen, ja Suomessa ne on viety osaksi digipalvelulakia. Mikroyritykset – eli yritykset, joissa on alle 10 työntekijää ja joiden vuosiliikevaihto tai taseen loppusumma on enintään 2 miljoonaa euroa – on kuitenkin vapautettu palveluja koskevista vaatimuksista. (Lähde: Euroopan komissio: European Accessibility Act)

Kokorajan ylittävät yritykset kuuluvat vaatimusten piiriin, jos ne tarjoavat kuluttajille esimerkiksi verkkokauppaa, pankki- tai viestintäpalveluja tai henkilöliikenteen digipalveluja. Julkisen sektorin ja julkista tehtävää hoitavien palvelujen saavutettavuudesta on säädetty digipalvelulaissa jo aiemmin. Jos siis pyörität esimerkiksi kasvavaa verkkokauppaa, kannattaa tarkistaa oma tilanteesi. (Lähde: Saavutettavuusvaatimukset.fi)

Saavutettavuus kannattaa silti. Se ei ole pelkkä velvoite vaan tapa palvella asiakkaitasi paremmin ja tukea sivustosi löydettävyyttä. Pienikin parannus on askel oikeaan suuntaan.

Mistä aloitat

Jos haluat tehdä yhden asian heti, aloita näistä kolmesta: lisää kuville tekstivastineet, tarkista tekstin ja taustan kontrasti ja varmista, että otsikot ovat järjestyksessä. Ne ovat helppoja korjata ja parantavat sivustoasi heti. Kontrastin voi tarkistaa ilmaisilla työkaluilla verkossa, ja tekstivastineet lisätään suoraan kuvan asetuksista, joten kumpikaan ei vaadi erityisosaamista.

Saavutettavuutta ei tarvitse tehdä kerralla täydelliseksi. Tärkeintä on ottaa se huomioon ja edetä pienin askelin. Jokainen parannus tekee sivustostasi paremman useammalle ihmiselle.