Kesäkuun 2025 jälkeen moni verkkokauppias on kuullut sanan esteettömyysdirektiivi ensimmäistä kertaa joko kilpailijalta, kaupan alustan uutiskirjeestä tai asiakkaalta, joka ei päässyt maksamaan ostoksiaan näppäimistöllä. Samaan aikaan palveluyritykset ovat saaneet myyntisoittoja, joissa luvataan sakkoja, jos sivustolle ei asenneta saavutettavuuslaajennusta heti.
Kumpikaan reaktio ei ole kovin hyödyllinen. Laki koskee selvästi rajattua joukkoa yrityksiä, ja suurin osa pk-yritysten tavallisista esittelysivustoista jää sen ulkopuolelle. Toisaalta ne, joita laki koskee, eivät pääse siitä eroon asentamalla yhtä lisäosaa.
Tämä sivu käy läpi, keitä vaatimukset oikeasti koskevat, mitä ne tarkoittavat käytännössä, miten oman sivuston tilanteen saa selville puolessa tunnissa ja mitä korjaaminen tyypillisesti maksaa.
Koskeeko laki teitä?
Suomessa EU:n esteettömyysdirektiivi on pantu täytäntöön pääosin muuttamalla digipalvelulakia, eli lakia digitaalisten palvelujen tarjoamisesta. Aiemmin laki koski lähinnä julkista sektoria. Kesäkuusta 2025 lähtien sen piiriin ovat tulleet myös tietyt yksityisten yritysten kuluttajille suunnatut digitaaliset palvelut.
Pk-yrityksen kannalta olennaisin näistä on sähköisen kaupankäynnin palvelu eli verkkokauppa, jossa kuluttaja voi tehdä sopimuksen ja ostaa tuotteen tai palvelun. Muita piiriin kuuluvia palveluita ovat muun muassa pankkipalvelut, sähköiset kirjat, viestintäpalvelut sekä tietyt henkilöliikenteen digitaaliset palvelut, kuten lipunmyynti.
Kolme kysymystä ratkaisee yleensä asian:
- Myyttekö kuluttajille verkossa? Jos sivustolla voi lisätä tuotteen ostoskoriin ja maksaa, kyseessä on todennäköisesti sähköisen kaupankäynnin palvelu. Pelkkä yhteydenottolomake tai tarjouspyyntö ei tee sivustosta verkkokauppaa.
- Myyttekö vain yrityksille? Direktiivi koskee kuluttajapalveluja. Puhtaasti B2B-myyntiin tarkoitettu tilausportaali jää lähtökohtaisesti ulkopuolelle.
- Oletteko mikroyritys? Palveluja tarjoava mikroyritys on vapautettu vaatimuksista. Mikroyritys tarkoittaa yritystä, jossa on alle kymmenen työntekijää ja jonka vuosiliikevaihto tai taseen loppusumma on enintään kaksi miljoonaa euroa.
Rajatapauksia on. Parturi-kampaamo, jonka sivulla on ajanvaraus ja ennakkomaksu, voi hyvinkin tarjota sähköisen kaupankäynnin palvelua. Remonttifirma, joka kerää sivustollaan tarjouspyyntöjä, ei tarjoa. Jos yrityksenne on kasvamassa mikroyrityksen rajan yli, tilanne kannattaa katsoa jo nyt: kun raja ylittyy, vapautus loppuu eikä uutta siirtymäaikaa tule.
Kannattaa myös huomata, että vaatimukset koskevat palvelua eivätkä pelkkää sivupohjaa. Shopify, WooCommerce tai MyCashflow ei tee kaupastanne saavutettavaa automaattisesti, vaikka alusta itsessään olisi hyvässä kunnossa. Valittu teema, lisäosat, tuotekuvat ja itse kirjoitetut tekstit ratkaisevat lopputuloksen.
Mitä vaatimukset käytännössä tarkoittavat
Teknisesti vaatimukset viittaavat eurooppalaiseen standardiin EN 301 549, joka verkkosisällön osalta nojaa WCAG 2.1 -ohjeistuksen AA-tasoon. WCAG on laaja dokumentti, mutta pk-yrityksen sivustolla samat kahdeksan ongelmaa kattavat valtaosan havainnoista.
- Heikko kontrasti. Vaaleanharmaa teksti valkoisella pohjalla näyttää tyylikkäältä ja on monelle lukukelvoton. Leipätekstin kontrastisuhteen pitää olla vähintään 4,5:1.
- Kuvilta puuttuu tekstivastine. Ruudunlukija lukee tuotekuvan kohdalla tiedostonimen, esimerkiksi "IMG_4432". Jokainen sisältöä kantava kuva tarvitsee alt-tekstin, koristekuvat tyhjän.
- Lomakekentillä ei ole nimeä. Harmaa vihjeteksti kentän sisällä katoaa, kun kenttään alkaa kirjoittaa, eikä ruudunlukija välttämättä lue sitä lainkaan. Jokaisella kentällä pitää olla näkyvä ja ohjelmallisesti liitetty otsikko.
- Näppäimistöllä ei pääse eteenpäin. Valikko aukeaa vain hiirellä, tai ostoskorin ponnahdusikkunasta ei pääse pois ilman hiirtä. Tämä on kaupan kannalta vakavin virhe, koska se estää ostamisen kokonaan.
- Kohdistus ei näy. Moni teema poistaa selaimen oletusarvoisen kohdistuskehyksen, jolloin näppäimistön käyttäjä ei näe, missä kohtaa sivua hän on.
- Videoilta puuttuvat tekstitykset. Tuote-esittelyvideo ilman tekstitystä sulkee pois kuulovammaiset ja myös kaikki, jotka katsovat videota bussissa ilman ääntä.
- Tärkeä tieto on PDF-tiedostossa. Toimitusehdot, hinnastot ja tuoteselosteet skannattuna PDF-tiedostona ovat ruudunlukijalle usein pelkkä kuva.
- Evästebanneri on esteenä. Banneri, joka peittää sivun mutta jota ei voi sulkea näppäimistöllä, estää koko kaupan käytön. Evästeiden osalta on muitakin sudenkuoppia, jotka käymme läpi sivulla evästeet ja tietosuoja kotisivuilla.
Verkkokaupalle on lisäksi palvelukohtainen vaatimus: kaupan pitää antaa tietoa myymiensä tuotteiden esteettömyydestä silloin, kun valmistaja tai maahantuoja on tällaisen tiedon toimittanut. Käytännössä tämä tarkoittaa, että esimerkiksi elektroniikkaa myyvän kaupan tuotesivulle kuuluu kenttä, johon valmistajan antamat esteettömyystiedot viedään.
Saavutettavuuslaajennukset, jotka lisäävät sivun kulmaan "esteettömyysvalikon", eivät tee sivustosta vaatimusten mukaista. Ne eivät korjaa puuttuvia alt-tekstejä, rikkinäistä näppäimistönavigointia tai nimettömiä lomakekenttiä, ja pahimmillaan ne haittaavat ruudunlukijan käyttäjää, jolla on jo omat asetuksensa. Jos joku myy tällaista laajennusta lain täyttämisen keinona, kyse on myynnistä eikä neuvonnasta.
Saavutettavuusseloste
Vaatimusten piiriin kuuluvan palvelun on julkaistava saavutettavuusseloste. Se ei ole juridinen koriste. Selosteesta käyttäjä näkee, miten palvelu on toteutettu, mitkä kohdat eivät vielä ole kunnossa ja miten puutteesta voi antaa palautetta.
Verkkokaupan selosteessa kerrotaan ainakin:
- palvelun yleinen kuvaus
- miten palvelu täyttää saavutettavuusvaatimukset ja mitkä osat eivät vielä täytä, perusteluineen
- miten palvelussa on huomioitu verkkokauppaa koskevat lisävaatimukset, kuten tieto tuotteiden esteettömyydestä
- miten käyttäjä voi antaa palautetta ja mihin hän voi tarvittaessa kannella.
Selosteen voi laatia itse. Tärkeintä on, että se vastaa todellisuutta. Seloste, jossa luvataan täysi vaatimustenmukaisuus sivustolle, jonka ostoskori ei toimi näppäimistöllä, on huonompi kuin rehellinen seloste, jossa puutteet on listattu korjausaikataulun kanssa.
Selosteesta kannattaa linkittää sivuston alatunnisteeseen samaan paikkaan, jossa ovat tietosuojaseloste ja toimitusehdot. Siellä käyttäjä sitä etsii.
Valvonta ja seuraamukset
Digitaalisten palvelujen saavutettavuutta valvoo Liikenne- ja viestintävirasto Traficom. Valvonta siirtyi Traficomille Etelä-Suomen aluehallintovirastolta vuoden 2025 alussa, ja kesäkuusta 2025 alkaen siihen on kuulunut myös yksityisen sektorin verkkokauppoja. Traficom ylläpitää ajantasaista tietoa velvoitteista Saavutettavuusvaatimukset.fi-sivustolla.
Käytännössä valvonta etenee usein kantelun kautta. Käyttäjä, joka ei saa asiointia hoidettua, antaa ensin palautetta palveluntarjoajalle. Jos vastausta ei tule tai se on riittämätön, hän voi kannella valvontaviranomaiselle. Viranomainen voi velvoittaa korjaamaan puutteet ja tehostaa päätöstä uhkasakolla.
Rahallinen riski ei siis ole ensimmäisenä päivänä tuleva sakko, vaan korjauskehotus, joka pitää hoitaa määräajassa. Se on pienelle verkkokaupalle kuitenkin kalliimpi tilanne kuin suunnitelmallinen korjaaminen, koska aikataulun sanelee silloin joku muu.
Direktiivissä on myös siirtymäsäännöksiä. Ennen kesäkuuta 2025 solmitut palvelusopimukset voivat jatkua muuttumattomina sopimuksen päättymiseen asti, enintään viisi vuotta. Tämä ei kuitenkaan tarkoita, että olemassa oleva verkkokauppa saisi olla saavuttamaton vuoteen 2030. Kuluttajan kanssa tehtävä kauppa on jatkuvaa palvelun tarjoamista, ja uudet kaupat tehdään uusien sääntöjen alla.
Näin tarkistatte oman sivuston 30 minuutissa
Täydellinen WCAG-auditointi vaatii asiantuntijan ja ruudunlukijatestauksen. Suurimmat ongelmat löytää kuitenkin itse, ilman maksullisia työkaluja. Tehkää testi etusivulle, yhdelle tuotesivulle, ostoskoriin ja kassalle, sillä kassa on se kohta, jossa virhe maksaa eniten.
- Irrottakaa hiiri ja käyttäkää Tab-näppäintä. Pääsettekö valikkoon, tuotteelle, ostoskoriin ja maksamaan asti? Näettekö koko ajan, missä kohdistus on? Tämä yksi testi paljastaa usein vakavimmat viat.
- Ajakaa automaattinen tarkistus. Chromen kehittäjätyökalujen Lighthouse-välilehti tai WAVE-selainlaajennus listaa puuttuvat alt-tekstit, nimettömät kentät ja kontrastivirheet muutamassa sekunnissa. Automaattinen testi löytää arviolta kolmanneksen ongelmista, mutta juuri ne yleisimmät.
- Suurentakaa sivu 200 prosenttiin. Selaimen zoomilla sivun pitää pysyä käytettävänä ilman, että teksti leikkautuu tai painikkeet menevät päällekkäin.
- Tarkistakaa lomakkeet. Klikatkaa kentän otsikkoa. Jos kohdistus siirtyy kenttään, otsikko on liitetty oikein. Lähettäkää lomake tyhjänä ja katsokaa, kertooko virheilmoitus, mikä kenttä on väärin.
- Kokeilkaa ruudunlukijaa viisi minuuttia. Windowsin Narrator ja Macin VoiceOver ovat valmiina koneessa. Kuunnelkaa, mitä tuotesivusta kerrotaan. Kokemus on usein pysäyttävä.
- Katsokaa videot ja PDF:t. Onko videoissa tekstitys? Voiko PDF:n tekstiä maalata ja kopioida? Jos ei voi, se on kuva.
Kirjatkaa löydökset taulukkoon: sivu, ongelma ja kuinka vakava se on. Vakavin luokka on se, joka estää ostamisen kokonaan. Nämä korjataan ensin.
Missä järjestyksessä korjataan
Kun löydöksiä on kymmeniä, kaikkea ei tarvitse eikä kannata korjata kerralla. Järjestys ratkaisee, kuinka nopeasti kaupasta tulee käyttökelpoinen niille, joilta se nyt on suljettu.
- Ostopolku ensin. Kaikki, mikä estää tuotteen löytämisen, ostoskoriin lisäämisen tai maksamisen, korjataan ensimmäisenä. Näppäimistöllä toimimaton kassa on vakavampi ongelma kuin sata puuttuvaa alt-tekstiä blogissa.
- Toistuvat pohjat seuraavaksi. Tuotesivun, kategoriasivun ja lomakkeiden pohjat toistuvat sadoilla sivuilla. Yksi korjaus pohjaan korjaa kaikki sivut kerralla.
- Sisältö rinnalla. Alt-tekstit, tekstitykset ja PDF-tiedostojen korvaaminen verkkosivuilla ovat työtä, jonka voi jakaa usealle viikolle ja antaa vaikka kesätyöntekijän tehtäväksi selkeällä ohjeella.
- Seloste lopuksi, mutta ei viimeisenä päivänä. Julkaiskaa seloste, kun ostopolku on kunnossa, ja kirjatkaa siihen jäljellä olevat puutteet aikatauluineen.
- Uusiin sisältöihin rutiini. Jokainen uusi tuote, kuva ja kampanjasivu tuo mukanaan uudet mahdolliset virheet. Tarkistuslista tuotteen lisäämiseen estää sen, että sama työ pitää tehdä vuoden päästä uudelleen.
Mitä korjaaminen maksaa
Hinta riippuu siitä, ovatko ongelmat sisällössä vai sivuston rakenteessa. Sisältöongelmat, kuten alt-tekstit ja tekstitykset, ovat työläitä mutta yksinkertaisia. Rakenneongelmat, kuten näppäimistöllä toimimaton valikko tai kassa, vaativat koodimuutoksia teemaan.
| Tilanne | Tyypillinen työ | Suuntaa-antava kustannus |
|---|---|---|
| Esittelysivusto, hyvä pohja | Alt-tekstit, kontrastit, lomakkeen otsikot | Muutama sata euroa |
| Pieni verkkokauppa, valmis teema | Edellisten lisäksi kohdistus, valikko, seloste | 800–2 500 € |
| Verkkokauppa, paljon lisäosia | Lisäosien vaihto, kassan korjaukset, tuotesivupohja | 2 500–6 000 € |
| Teema ei taivu | Uusi teema tai toteutus, sisältöjen siirto | Uudistuksen hinta |
Arviot ovat suuntaa-antavia ja perustuvat tyypillisiin pk-yritysten sivustoihin. Jos päädytte uudistamaan koko sivuston saavutettavuuden takia, uudistus kannattaa tehdä niin, ettei hakunäkyvyys katoa samalla. Siitä kerrotaan tarkemmin sivulla sivuston uudistus ilman hakunäkyvyyden romahdusta.
Alustan valinta vaikuttaa pitkällä aikavälillä eniten. Valmisteemoissa on suuria eroja, ja räätälöidyssä toteutuksessa saavutettavuus voidaan rakentaa sisään alusta asti. Vertailimme alustojen vahvuuksia sivulla kotisivualustat vertailussa, ja kysymystä räätälöinnin kannattavuudesta käsittelee artikkeli WordPress vai räätälöity kotisivu.
Miksi saavutettavuus kannattaa, vaikka laki ei velvoittaisi
Esittelysivustoa ylläpitävä palveluyritys voi lukea edellä olevan ja todeta, ettei asia koske sitä. Juridisesti se voi pitää paikkansa. Kaupallisesti ei.
Saavutettavuus ja hakukoneoptimointi ovat pitkälti samaa työtä. Looginen otsikkorakenne, kuvaavat alt-tekstit ja kuvaavat linkkitekstit auttavat sekä ruudunlukijaa että hakukonetta ymmärtämään sivun. Myös tekoälyhaut lukevat sivuja samalla tavalla kuin ruudunlukija: tekstinä, rakenteen varassa. Aiheesta lisää artikkelissa näkyvyys tekoälyhauissa.
Toinen syy on asiakaskunta. Suomen väestö ikääntyy, ja monelle yli 65-vuotiaalle pieni harmaa teksti on jo esteen tasolla. Remonttipalvelun, hammaslääkärin tai tilitoimiston tärkein asiakasryhmä on usein juuri se, joka zoomaa sivua puhelimella.
Kolmas syy on konversio. Selkeät lomakkeet, näkyvät virheilmoitukset ja riittävän isot painikkeet parantavat kaikkien käyttäjien kokemusta. Lomake, jonka jokainen osaa täyttää kerralla oikein, tuottaa enemmän yhteydenottoja.
Jos pohditte, kannattaako verkkokauppa ylipäätään avata, vaatimukset kuuluvat samaan laskelmaan. Käsittelemme valintaa artikkelissa kotisivut vai verkkokauppa.
Autonova tarkistaa ja korjaa
Teemme pk-yritysten sivustoille ja verkkokaupoille saavutettavuustarkistuksen, jossa sivusto käydään läpi WCAG 2.1 AA -tason mukaan automaattisilla työkaluilla, näppäimistöllä ja ruudunlukijalla. Saatte listan löydöksistä vakavuusjärjestyksessä, arvion korjausten työmäärästä ja tarvittaessa luonnoksen saavutettavuusselosteeseen.
Korjaukset voimme tehdä itse tai toimittaa listan nykyiselle kehittäjällenne. Kertokaa sivustostanne, niin arvioimme, onko tarkistukselle tarvetta ja mitä se teidän tapauksessanne maksaisi. Koko kuvan kotisivuprojektin vaiheista, hinnoista ja alustoista löydätte oppaastamme kotisivut yritykselle.