VerkkoProVerkkosivut & SEO

· 12 min lukuaika

Verkkosivujen saavutettavuus: koskeeko se sinua

VVerkkoPro-tiimi, verkkosivut ja hakukoneoptimointi· Julkaistu

Suora vastaus ensin: jos pyörität verkkokauppaa tai muuta EU:n esteettömyyssäädöksen piiriin kuuluvaa palvelua etkä ole alle kymmenen henkilön mikroyritys, vaatimukset koskevat sinua kesäkuusta 2025 alkaen. Jos sivustosi on tavallinen esittelysivusto ilman verkkokauppaa, laki ei lähtökohtaisesti velvoita, mutta tekemättä jättäminen maksaa silti asiakkaita. Tämä artikkeli kertoo kumpaan ryhmään kuulut ja mitä voit korjata itse tänään.

Huomio lukijalle

Tämä on käytännön yleiskuvaus, ei oikeudellinen neuvo. Soveltamisala riippuu siitä, mitä palvelua tarjoat ja kuinka suuri yrityksesi on. Jos kysymys on rajatapaus, varmista asia valvovalta viranomaiselta tai juristilta.

Kenelle vaatimus pätee

Saavutettavuudesta puhuttaessa sekoitetaan usein kaksi eri säädöskokonaisuutta. Ensimmäinen koskee julkista sektoria ja on ollut voimassa jo vuosia: kuntien, valtion ja julkisrahoitteisten toimijoiden verkkopalveluiden on täytettävä saavutettavuusvaatimukset ja julkaistava saavutettavuusseloste.

Toinen on EU:n esteettömyyssäädös, joka laajensi vaatimukset yksityiselle puolelle kesäkuusta 2025. Se ei koske kaikkia verkkosivuja vaan tiettyjä palveluita: verkkokauppaa, pankki- ja maksupalveluita, henkilöliikenteen palveluita, sähköisiä viestintäpalveluita, sähkökirjoja ja audiovisuaalisten palveluiden käyttöliittymiä. Palveluiden osalta säädös rajaa ulkopuolelle mikroyritykset eli alle kymmenen henkilöä työllistävät yritykset, joiden liikevaihto tai tase jää alle kahden miljoonan euron.

Käytännön seuraus suomalaiselle pienyrittäjälle on tämä. Kolmen hengen LVI-yrityksen esittelysivusto ei kuulu piiriin. Kolmen hengen yrityksen verkkokauppa ei sekään kuulu, koska mikroyritysrajaus koskee palveluita. Sen sijaan kahdenkymmenen hengen yrityksen verkkokauppa kuuluu. Rajanveto on tehtävä oman palvelun ja kokoluokan perusteella, ei toimialan.

Mitä WCAG AA tarkoittaa arkikielellä

WCAG on ohjeisto, johon lainsäädäntö viittaa, ja vaadittu taso on käytännössä aina AA. Ohjeisto on kirjoitettu tekniseen sävyyn, mutta sen neljä perusperiaatetta ovat arkisia. Sisällön pitää olla havaittavaa eli näkyä ja kuulua myös silloin kun aisti puuttuu. Sen pitää olla hallittavaa eli toimia muullakin kuin hiirellä. Sen pitää olla ymmärrettävää eli käyttää selkeää kieltä ja ennakoitavaa rakennetta. Ja sen pitää olla toimintavarmaa eli toimia apuvälineiden kanssa.

Suurin väärinkäsitys on, että saavutettavuus tarkoittaisi tylsää ulkoasua. Ei tarkoita. Se tarkoittaa, että kontrasti riittää, että kohdistus näkyy ja että rakenne on merkitty oikein. Nämä ovat suunnittelun reunaehtoja samalla tavalla kuin mobiilinäkymä, eivät esteettinen rajoite. Käymme samaa aihetta käytettävyyden näkökulmasta sivulla verkkosivujen käytettävyys.

Kymmenen kohtaa, jotka voit tarkistaa itse

Tämä lista kattaa valtaosan siitä, mitä tavallisilta suomalaisilta yrityssivustoilta löytyy. Käy se läpi järjestyksessä, se vie tunnin.

  1. 01

    Kontrasti riittää

    Leipätekstin ja taustan kontrastisuhteen pitää olla vähintään 4,5:1 ja suuren tekstin 3:1. Tämä on yksittäisistä kohdista se, joka pudottaa eniten suomalaisia sivustoja. Testaa selaimen kehittäjätyökalulla, älä silmämääräisesti.

  2. 02

    Jokaisella kuvalla on alt-teksti

    Kuvaava teksti sisältöä kantaville kuville, tyhjä alt-määre puhtaasti koristeellisille. Älä kirjoita alt-tekstiin sanaa kuva, ruudunlukija kertoo sen jo itse.

  3. 03

    Sivustoa voi käyttää näppäimistöllä

    Sarkaimella pitää päästä läpi koko sivun loogisessa järjestyksessä, ja kohdistuksen pitää näkyä selvästi. Jos poistat fokusreunuksen tyylisyistä, korvaa se omalla näkyvällä tyylillä.

  4. 04

    Otsikkotasot ovat järjestyksessä

    Yksi H1 sivua kohden, sen alla H2, ja H3 vasta H2:n alla. Otsikkotasoa ei valita fonttikoon vaan rakenteen mukaan. Tämä on sama asia, jota hakukone käyttää sivun jäsentämiseen.

  5. 05

    Lomakkeissa on näkyvät selitteet

    Jokaisella kentällä oma label. Placeholder ei ole selite: se katoaa kirjoitettaessa, ja käyttäjä joutuu muistamaan mitä kenttään piti laittaa.

  6. 06

    Linkkiteksti kertoo minne se vie

    Lue tästä ja klikkaa tähän eivät kerro mitään ruudunlukijalle, joka listaa sivun linkit. Kirjoita mieluummin hinnasto tai varaa maksuton kartoitus.

  7. 07

    Videoissa on tekstitys

    Suomeksi puhuttu video ilman tekstitystä sulkee ulos kuulovammaiset ja kaikki ne, jotka katsovat ääni pois päältä. Automaattitekstitys pitää oikolukea, koska se sotkee erisnimet.

  8. 08

    Väri ei ole ainoa tapa kertoa asiaa

    Punaisella merkitty virhekenttä pitää merkitä myös tekstillä. Sama koskee kaavioita, joissa selite erottuu vain värillä.

  9. 09

    Sivu toimii 200 prosentin zoomilla

    Suurenna selain kaksinkertaiseksi ja tarkista, ettei teksti mene päällekkäin ja ettei mitään katoa reunan yli. Tämä on nopein yksittäinen testi koko listalta.

  10. 10

    Mikään ei liiku itsestään ilman pysäytystä

    Automaattisesti pyörivä karuselli tai liikkuva tausta pitää voida pysäyttää. Sivuston pitää myös kunnioittaa käyttöjärjestelmän asetusta liikkeen vähentämisestä.

Miksi tämä kannattaa, vaikka laki ei velvoittaisi

Saavutettavuus ja hakukoneoptimointi ovat isolta osin sama työ eri nimellä. Hakukone lukee sivua kuin ruudunlukija: se ei näe ulkoasua vaan rakenteen. Otsikkotasot kertovat sille, mikä on tärkeää. Kuvien alt-tekstit kertovat, mitä kuvassa on. Kuvaava linkkiteksti kertoo, mihin linkki vie. Kun teet nämä käyttäjää varten, teet ne samalla hakukonetta varten.

Toinen syy on kaupallinen. Suomen väestö ikääntyy, ja iso osa asiakkaistasi katsoo sivuasi puhelimesta ulkona, kirkkaassa valossa, kiireessä. Heikko kontrasti ja pieni fontti eivät haittaa vain näkövammaista: ne karsivat kaikkia. Sivusto, joka on luettava huonoissa olosuhteissa, on käytännössä sivusto, joka tuottaa enemmän yhteydenottoja.

Rakennamme saavutettavuuden osaksi jokaista sivustoa lähtökohtaisesti, koska jälkikäteen korjaaminen on aina kalliimpaa. Jos haluat tietää, miten olemassa oleva sivustosi pärjää, katso sivustoanalyysi tai lue miten teemme nopeusoptimoinnin, joka kulkee tämän kanssa käsi kädessä.

Usein kysytyt kysymykset

Koskeeko saavutettavuusvaatimus pientä yritystä?

Ei automaattisesti. Julkisen sektorin verkkopalveluita vaatimus on koskenut jo vuosia. Yksityisellä puolella EU:n esteettömyyssäädös laajensi vaatimukset kesäkuusta 2025 alkaen tiettyihin palveluihin, erityisesti verkkokauppoihin, pankki- ja maksupalveluihin, liikenteen palveluihin, viestintäpalveluihin ja sähkökirjoihin. Alle kymmenen henkilön mikroyritykset on palveluiden osalta rajattu vaatimusten ulkopuolelle. Tavallinen esittelysivusto ilman verkkokauppaa ei siis lähtökohtaisesti kuulu piiriin. Tarkista oma tilanteesi, koska rajanveto riippuu palvelusta eikä toimialasta.

Mikä on WCAG ja mikä taso vaaditaan?

WCAG on kansainvälinen ohjeistus verkkosisällön saavutettavuudesta. Se jakautuu kolmeen tasoon: A, AA ja AAA. Vaatimuksissa viitataan käytännössä aina tasoon AA, joka on sekä lainsäädännön että alan yleinen mittatikku. Taso AAA on tarkoitettu erikoistapauksiin eikä sitä edellytetä koko sivustolta.

Mitä saavutettavuus käytännössä tarkoittaa?

Että sivustoa voi käyttää myös ilman hiirtä, ilman tarkkaa näköä ja ilman ääntä. Käytännössä se tarkoittaa riittävää tekstin ja taustan kontrastia, kuvien vaihtoehtoisia tekstejä, näppäimistöllä toimivaa navigointia, selkeitä lomakeselitteitä, videoiden tekstitystä ja sitä että sivun rakenne on merkitty oikeilla otsikkotasoilla.

Paljonko saavutettavuuden korjaaminen maksaa?

Uudessa sivustossa se ei maksa käytännössä mitään, koska oikein tehty rakenne on saavutettava lähtökohtaisesti. Vanhan sivuston korjaaminen asettuu Suomessa tyypillisesti 500 ja 5 000 euron välille sen mukaan, kuinka monta sivua on ja onko pohja korjattavissa vai pitääkö se rakentaa uudelleen. Kalleimmaksi tulevat sivustot, joissa käytetään raskaita sivunrakentajia.

Auttaako saavutettavuus hakukoneoptimoinnissa?

Auttaa, ja enemmän kuin moni uskoo. Samat asiat, jotka tekevät sivusta käytettävän ruudunlukijalle, tekevät siitä ymmärrettävän hakukoneelle: selkeä otsikkohierarkia, kuvaavat linkkitekstit, kuvien alt-tekstit ja looginen rakenne. Saavutettava sivusto on lähes aina myös nopeampi ja siistimmin koodattu, ja molemmat vaikuttavat sijoituksiin.

Riittääkö saavutettavuustyökalu tai lisäosa?

Ei riitä. Sivustolle liitettävä esteettömyyspainike, joka lupaa korjata kaiken automaattisesti, ei täytä vaatimuksia eikä useimmiten paranna todellista käytettävyyttä. Suurin osa ongelmista on rakenteessa ja sisällössä, joita mikään päälle liimattava kerros ei korjaa. Käytä automaattista testiä löytääksesi ongelmat, älä piilottaaksesi niitä.

Miten testaan sivuni itse ilmaiseksi?

Kolme testiä vie yhteensä kaksikymmentä minuuttia. Selaa sivusto läpi pelkällä sarkainnäppäimellä ja katso, näetkö koko ajan missä olet. Suurenna selaimen zoom kahteensataan prosenttiin ja tarkista, ettei mikään mene päällekkäin. Aja sivu Lighthouse-tarkistuksen läpi selaimen kehittäjätyökaluissa. Nämä paljastavat valtaosan tavallisista virheistä.

Tarvitaanko saavutettavuusseloste?

Julkisen sektorin palveluilta seloste vaaditaan. Yksityisiltä palveluilta, jotka kuuluvat esteettömyyssäädöksen piiriin, edellytetään tietoa palvelun esteettömyydestä käyttöehdoissa tai vastaavassa. Jos et kuulu piiriin, selostetta ei tarvita, mutta lyhyt maininta sivustolla on hyvä signaali asiakkaalle.

Mikä on yleisin saavutettavuusvirhe suomalaisilla sivustoilla?

Liian vaalea teksti vaalealla taustalla. Harmaa teksti valkoisella näyttää suunnittelijan näytöllä tyylikkäältä ja on ulkona puhelimen ruudulta lukukelvoton. Toiseksi yleisin on lomake, jonka kentillä ei ole näkyvää selitettä vaan pelkkä placeholder-teksti, joka katoaa heti kun alat kirjoittaa.

Kannattaako saavutettavuus, vaikka laki ei velvoita?

Kannattaa, jo pelkästään asiakasmäärän takia. Merkittävä osa suomalaisista on iäkkäitä tai käyttää sivustoa olosuhteissa, joissa näkyvyys on huono. Sivusto, jonka tekstin näkee kirkkaassa auringonvalossa ja jonka lomakkeen voi täyttää yhdellä kädellä, palvelee kaikkia. Saavutettavuus ei ole erityisryhmien asia vaan tavallisen käytettävyyden mittari.

Saavutettava sivusto ilman lisähintaa

Kontrastit, otsikkorakenne, näppäimistökäyttö ja alt-tekstit kuuluvat jokaiseen rakentamaamme sivustoon. Näet valmiin sivuston ennen kuin maksat mitään.

Pyydä ilmainen luonnos

Vastaamme kahden tunnin sisällä

Lue myös