Verkkosivusto rakennetaan yleensä ajatellen käyttäjää, joka näkee tarkasti, kuulee hyvin, käyttää hiirtä ja liikkuu sivulla vaivatta. Todellisuudessa kävijät ovat moninaisempia. Osa käyttää sivustoa näppäimistöllä, osa ruudunlukuohjelmalla, osa suurennetulla tekstillä ja osa hankalassa valaistuksessa tai kiireessä puhelimella. Saavutettavuus tarkoittaa sitä, että sivusto toimii heille kaikille.

Saavutettavuus ei ole erillinen lisäominaisuus vaan osa hyvää verkkosuunnittelua. Se laajentaa yleisöäsi, parantaa käyttökokemusta kaikille ja tukee hakukonenäkyvyyttä. Lisäksi se on yhä useammalle yritykselle lakisääteinen vaatimus. Tässä artikkelissa avaamme, mitä saavutettavuus tarkoittaa käytännössä, mitä laki vaatii Suomessa ja EU:ssa, mistä pääset alkuun ja mitkä ovat yleisimmät virheet.

Mitä saavutettavuus tarkoittaa

Saavutettavuus tarkoittaa, että verkkosivusto on käytettävissä mahdollisimman monelle ihmiselle riippumatta siitä, miten hän sivustoa käyttää. Kyse on niin pysyvistä rajoitteista kuin tilapäisistä tilanteista. Näkövammainen käyttää ruudunlukuohjelmaa, mutta myös kirkkaassa auringonpaisteessa lukeva hyötyy hyvästä kontrastista. Käsivamma voi estää hiiren käytön, mutta myös kädessä oleva kipsi tekee saman.

Käytännössä saavutettavuus koskettaa monia asioita. Riittävää värikontrastia tekstin ja taustan välillä. Mahdollisuutta käyttää sivustoa pelkällä näppäimistöllä. Kuvien vaihtoehtoisia tekstejä, jotta ruudunlukuohjelma voi kuvailla ne. Selkeää rakennetta ja otsikointia. Videoiden tekstityksiä. Lomakkeita, joiden kentät on merkitty ymmärrettävästi. Kun nämä ovat kunnossa, sivusto palvelee kaikkia sujuvasti.

Ajatellaan tilannetta, jossa asiakas haluaa varata ajan verkossa. Jos varauslomakkeen kentillä ei ole selkeitä nimiä, ruudunlukuohjelman käyttäjä ei tiedä, mitä mihinkin kohtaan pitäisi kirjoittaa. Jos lähetysnappi toimii vain hiirellä, näppäimistöä käyttävä ei pääse eteenpäin. Saavutettavuus tarkoittaa, että tämä sama varaus onnistuu kaikilta, ei vain niiltä, jotka käyttävät sivustoa oletetulla tavalla. Kyse on siis konkreettisesti menetetyistä tai saaduista asiakkaista.

WCAG selkokielellä

Saavutettavuuden kansainvälinen mittapuu on WCAG eli Web Content Accessibility Guidelines. Se on World Wide Web -yhtymän ylläpitämä ohjeistus, joka määrittelee, milloin verkkosisältö on saavutettavaa. WCAG voi kuulostaa tekniseltä, mutta sen ydin tiivistyy neljään periaatteeseen, jotka on helppo ymmärtää.

  • Havaittava. Sisällön pitää olla aistittavissa. Tekstin ja taustan välillä on riittävä kontrasti, kuvilla on tekstivastine ja videoilla tekstitys. Käyttäjä pystyy havaitsemaan kaiken olennaisen.
  • Hallittava. Sivustoa pitää voida käyttää eri tavoin. Kaikki toiminnot onnistuvat näppäimistöllä, käyttäjällä on riittävästi aikaa toimia eikä sisältö vilku tavalla, joka voisi aiheuttaa ongelmia.
  • Ymmärrettävä. Sisällön ja toiminnan pitää olla selkeää. Kieli on ymmärrettävää, sivusto toimii johdonmukaisesti ja virhetilanteissa käyttäjää autetaan.
  • Toimintavarma. Sisällön pitää toimia luotettavasti eri selaimilla, laitteilla ja apuvälineillä, myös ruudunlukuohjelmilla.

WCAG jakautuu kolmeen tasoon, jotka ovat A, AA ja AAA. Taso A on vähimmäistaso, AA on yleisin tavoite ja lainsäädännön viitepiste, ja AAA on tiukin taso. Käytännössä useimmille sivustoille tavoitellaan AA-tasoa, joka kattaa keskeiset saavutettavuuden vaatimukset ilman, että se rajoittaa suunnittelua kohtuuttomasti. AA-taso on hyvä tavoite myös siksi, että se on realistinen toteuttaa tavallisella yrityssivustolla ilman kohtuuttomia kustannuksia.

Ketä saavutettavuus hyödyttää

On helppo ajatella, että saavutettavuus koskee vain pientä joukkoa. Todellisuus on toinen. Saavutettava sivusto palvelee paljon laajempaa yleisöä kuin ensin luulisi.

Suoraan siitä hyötyvät ihmiset, joilla on näön, kuulon, liikkumisen tai hahmottamisen haasteita. EU:ssa arvioidaan olevan yli sata miljoonaa ihmistä, joille saavutettavuus on suora edellytys palvelun käytölle. Tämä on merkittävä joukko asiakkaita, jotka jäävät tavoittamatta, jos sivusto ei toimi heille.

Välillisesti saavutettavuus parantaa kokemusta kaikille. Selkeä rakenne, hyvä kontrasti ja looginen navigointi tekevät sivustosta miellyttävämmän jokaiselle kävijälle. Ikääntyvä väestö hyötyy suuremmasta tekstistä ja selkeydestä. Mobiilikäyttäjä hyötyy siitä, että kaikki toimii sormella ja pienelläkin ruudulla. Kiireinen ihminen hyötyy siitä, että sivusto on selkeä ja nopea käyttää. Saavutettavuus on siis hyvää käytettävyyttä, joka näkyy koko yleisölle.

Kannattaa myös muistaa tilapäiset ja tilannekohtaiset rajoitteet. Sama ihminen, joka yleensä näkee ja kuulee hyvin, voi katsoa videota äänettömästi julkisessa liikenteessä, lukea puhelinta kirkkaassa auringossa tai selata sivustoa väsyneenä yhdellä kädellä. Saavutettavuus palvelee näitä kaikkia tilanteita, ei vain pysyvästi vammaisia käyttäjiä.

Mitä laki vaatii Suomessa ja EU:ssa

Saavutettavuus ei ole enää pelkkä hyvä tapa vaan yhä useammalle yritykselle lakisääteinen velvoite. Taustalla on Euroopan saavutettavuusdirektiivi, joka pyrkii yhtenäistämään saavutettavuusvaatimukset kaikissa EU-maissa. Suomessa vaatimukset on kirjattu lakiin digitaalisten palvelujen tarjoamisesta, jota kutsutaan myös saavutettavuuslaiksi tai digipalvelulaiksi.

Vaatimukset laajenivat merkittävästi 28.6.2025. Siitä lähtien uusien tai merkittävästi uudistettujen palveluiden on täytettävä WCAG 2.2 -tason saavutettavuusvaatimukset. Käytännössä tämä tarkoittaa AA-tason vaatimusten noudattamista.

Velvoite ei koske kaikkia yrityksiä samalla tavalla. Vaatimukset kohdistuvat erityisesti yrityksiin, jotka ylittävät tietyt kokorajat henkilöstön ja liikevaihdon osalta, sekä tietyillä toimialoilla kuten verkkokaupassa, pankki- ja liikennepalveluissa toimiviin. Mikroyritykset, eli hyvin pienet yritykset, on monin osin rajattu velvoitteen ulkopuolelle. Viranomaiset kuitenkin suosittelevat, että myös pienet yritykset noudattaisivat vaatimuksia vapaaehtoisesti.

Lain ulkopuolellakin saavutettavuus kannattaa. Se on kilpailuetu, koska yhä useampi asiakas ja kumppani arvostaa sitä. Se myös suojaa tulevalta, sillä vaatimukset ovat historiallisesti vain laajentuneet. Jos rakennat sivuston saavutettavaksi jo nyt, säästyt kalliilta jälkikorjauksilta myöhemmin. Saavutettavuuden lisääminen valmiiseen sivustoon jälkikäteen on lähes aina työläämpää ja kalliimpaa kuin sen huomioiminen alusta asti. Huomaa, että tämä artikkeli antaa yleiskuvan, mutta oman yrityksesi tarkat velvoitteet kannattaa varmistaa ajantasaisesta lähteestä tai asiantuntijalta, koska rajat ja poikkeukset elävät ja niiden tulkinta riippuu toimialasta.

Käytännön tarkistuslista

Saavutettavuutta voi lähestyä konkreettisilla toimenpiteillä. Tässä on tarkistuslista, jonka avulla hahmotat, missä sivustosi on menossa. Moni näistä on korjattavissa ilman suurta remonttia.

  • Värikontrasti. Varmista, että tekstin ja taustan välillä on riittävä kontrasti. Vaalea harmaa teksti valkoisella taustalla on yleinen ongelma.
  • Kuvien tekstivastineet. Jokaisella merkityksellisellä kuvalla on vaihtoehtoinen teksti, joka kuvaa sen sisällön ruudunlukuohjelmalle. Pelkästään koristeelliset kuvat voi merkitä niin, että lukuohjelma ohittaa ne.
  • Näppäimistökäyttö. Kokeile käyttää sivustoa pelkällä näppäimistöllä. Pääsetkö kaikkiin linkkeihin ja painikkeisiin, ja näkyykö kohdistus selkeästi?
  • Otsikkorakenne. Sivun otsikot ovat loogisessa järjestyksessä ja kuvaavat sisältöä. Tämä auttaa sekä ruudunlukijoita että hakukoneita.
  • Lomakkeiden merkinnät. Jokaisella lomakekentällä on selkeä nimilappu, ja virhetilanteissa käyttäjää ohjataan ymmärrettävästi.
  • Videoiden tekstitykset. Puhetta sisältävät videot on tekstitetty, jotta myös kuulovammainen ja äänettömässä ympäristössä oleva saa sisällön.
  • Selkeä kieli. Teksti on ymmärrettävää ja jäsenneltyä. Vältä turhaa ammattikieltä siellä, missä sitä ei tarvita.
  • Linkkien kuvaavuus. Linkkitekstin pitää kertoa, mihin se johtaa. Pelkkä lue lisää ei kerro mitään ilman kontekstia.
  • Toimivuus eri laitteilla. Sivusto skaalautuu ja toimii sekä tietokoneella että puhelimella, myös suurennetulla tekstillä.

Osan näistä voit tarkistaa itse. Kokeile navigoida sivustoa pelkällä sarkain-näppäimellä, suurenna tekstiä selaimessa tai katso sivustoa harmaasävyisenä nähdäksesi, erottuuko kaikki ilman värejä. Nämä yksinkertaiset testit paljastavat yllättävän paljon. Perusteellisempaa arviointia varten kannattaa käyttää saavutettavuustyökaluja tai asiantuntijaa.

Yleisimmät saavutettavuusvirheet

Samat ongelmat toistuvat sivustolta toiselle. Nämä ovat tavallisimpia, ja ne on useimmiten helppo korjata.

  • Liian heikko kontrasti. Vaaleat tekstit ja hennot värit näyttävät tyylikkäiltä mutta ovat monelle lukukelvottomia. Tummenna tekstiä tai vaalenna taustaa.
  • Puuttuvat tekstivastineet. Kuvat lisätään ilman kuvausta, jolloin ruudunlukuohjelma ohittaa ne. Lisää jokaiselle merkitykselliselle kuvalle kuvaus.
  • Väri ainoana viestinä. Jos esimerkiksi virhe merkitään vain punaisella, värisokea ei sitä huomaa. Käytä värin lisäksi tekstiä tai symbolia.
  • Näppäimistöansa. Jokin elementti, kuten ponnahdusikkuna, ei päästä käyttäjää eteenpäin näppäimistöllä. Testaa, että kaikkialta pääsee pois.
  • Automaattisesti liikkuva sisältö. Karusellit ja videot, jotka käynnistyvät itsestään, häiritsevät monia. Anna käyttäjän hallita niitä.

Saavutettavuus mobiililaitteilla

Suurin osa suomalaisista selaa verkkoa puhelimella, joten saavutettavuus mobiilissa ei ole erillinen kysymys vaan usein se tärkein. Pienellä ruudulla monet ongelmat korostuvat. Liian pieni teksti, ahtaat painikkeet ja vaakasuunnassa vierivä sisältö tekevät sivustosta hankalan kaikille, ja rajoitteisille käyttäjille lähes mahdottoman.

Mobiilisaavutettavuudessa kannattaa kiinnittää huomiota muutamaan asiaan. Painikkeiden ja linkkien pitää olla riittävän suuria, jotta niihin osuu sormella myös silloin, kun käsi on epävakaa tai käytössä on vain yksi käsi. Tekstin pitää skaalautua, kun käyttäjä suurentaa fonttikokoa puhelimensa asetuksista, ilman että sisältö menee päällekkäin tai leikkautuu. Sisällön pitää mahtua ruudulle pystysuunnassa ilman sivuttaista vieritystä. Lomakkeiden pitää toimia kosketuksella ja avata oikea näppäimistö, esimerkiksi numeronäppäimistö puhelinnumerolle. Kokeile sivustoasi itse eri kokoisilla puhelimilla ja suurennetulla tekstillä. Jos varaus, yhteydenotto tai ostos onnistuu vaivatta puhelimella myös silloin, kun olet liikkeellä ja kiireessä, olet oikealla tiellä. Mobiilisaavutettavuus ja hyvä mobiilikäyttökokemus ovat käytännössä sama asia.

Saavutettavuusseloste ja jatkuva ylläpito

Saavutettavuutta koskeviin velvoitteisiin liittyy usein myös saavutettavuusseloste. Se on sivustolla julkaistava kuvaus siitä, kuinka saavutettava palvelu on, mitkä osat mahdollisesti eivät vielä täytä vaatimuksia ja miten käyttäjä voi antaa palautetta tai pyytää sisältöä saavutettavassa muodossa. Selosteen tarve ja tarkka sisältö riippuvat siitä, koskeeko velvoite yritystäsi, joten se kannattaa varmistaa ajantasaisesta lähteestä tai asiantuntijalta.

Selosteen olemassaolo kertoo myös laajemman totuuden. Saavutettavuus ei ole kertaluontoinen projekti vaan jatkuva asia. Kun sivustolle lisätään uutta sisältöä, kuten kuvia, videoita tai dokumentteja, myös niiden pitää olla saavutettavia. Uusi kuva ilman tekstivastinetta tai tekstittämätön video heikentää saavutettavuutta, vaikka sivusto olisi alun perin rakennettu esimerkillisesti. Siksi saavutettavuus kannattaa ottaa osaksi sivuston tavallista ylläpitoa. Kun sisällöntuottamisen rutiiniin kuuluu tekstivastineiden lisääminen ja selkeän kielen käyttö, saavutettavuus säilyy itsestään. Näin sivusto pysyy kaikille toimivana ja vaatimusten mukaisena myös vuosien käytön jälkeen, eikä sitä tarvitse korjata isolla urakalla myöhemmin.

Saavutettavuus hyödyttää myös hakukonenäkyvyyttä

Saavutettavuudessa ja hakukoneoptimoinnissa on paljon yhteistä. Molemmat perustuvat siihen, että sisältö on selkeää, hyvin jäsenneltyä ja koneen tulkittavissa. Kun teet sivustosta saavutettavan, parannat samalla usein sen hakukonenäkyvyyttä.

Otetaan muutama esimerkki. Kuvien vaihtoehtoiset tekstit auttavat ruudunlukuohjelmaa, mutta myös hakukone lukee ne ja ymmärtää kuvan sisällön. Selkeä otsikkorakenne helpottaa apuvälineiden käyttöä ja kertoo samalla hakukoneelle sivun rakenteen. Nopea ja hyvin toimiva sivusto palvelee kaikkia käyttäjiä ja on hakukoneelle merkki laadusta. Selkeä ja ymmärrettävä kieli auttaa niin ihmistä kuin hakualgoritmiakin. Kuvaavat linkkitekstit ohjaavat sekä käyttäjää että hakukonetta ymmärtämään sivuston rakennetta.

Näin saavutettavuus ei ole pois muusta vaan tukee samoja tavoitteita. Sivusto, joka toimii kaikille, löytyy myös paremmin ja muuttaa kävijät todennäköisemmin asiakkaiksi. Hyvä saavutettavuus, hyvä käytettävyys ja hyvä näkyvyys kulkevat käsi kädessä. Kun panostat yhteen, saat kolme.

Yhteenveto

Verkkosivujen saavutettavuus tarkoittaa, että sivusto toimii kaikille käyttäjille tilanteesta ja rajoitteista riippumatta. WCAG-ohjeistus antaa sille selkeän mittapuun neljine periaatteineen, ja Suomen sekä EU:n lainsäädäntö tekee siitä yhä useammalle yritykselle velvoitteen. Ennen kaikkea saavutettavuus on hyvää palvelua, joka laajentaa yleisöäsi ja tukee hakukonenäkyvyyttä.

Me NordSurilla rakennamme verkkosivut alusta asti saavutettaviksi, jotta ne palvelevat kaikkia kävijöitäsi ja täyttävät vaatimukset. Samalla sivusto suunnitellaan löytymään Googlesta ja muuttamaan kävijät asiakkaiksi. Jos haluat varmistaa, että sivustosi toimii kaikille ja on ajan tasalla vaatimusten kanssa, ota yhteyttä niin käydään tilanne läpi yhdessä.