Saavutettavuusdirektiivi ja yrityksen verkkosivut: koskeeko vaatimus sinua?

Lyhyesti: EU:n esteettömyysdirektiivi eli saavutettavuusdirektiivi koskee 28.6.2025 alkaen tiettyjä kuluttajille tarjottavia palveluja, kuten verkkokauppoja ja pankkipalveluja. Mikroyritykset (alle 10 työntekijää ja liikevaihto tai taseen loppusumma enintään 2 miljoonaa euroa) on rajattu palveluja koskevien vaatimusten ulkopuolelle. Tekninen mittapuu on käytännössä WCAG 2.1 -ohjeiden AA-taso.

Moni pk-yrittäjä on kuullut, että verkkosivujen pitää nyt olla saavutettavat. Osa on kuullut, että vaatimus koskee kaikkia. Se ei pidä paikkaansa. Vaatimus koskee tiettyjä palveluja, ja pienimmät yritykset on rajattu sen ulkopuolelle.

Saavutettavuus kannattaa silti ottaa huomioon, vaikka laki ei sitä vaatisi. Saavutettava sivusto on helpompi käyttää kaikille: puhelimella, kirkkaassa auringonvalossa ja näppäimistöllä. Moni korjaus parantaa samalla hakukonenäkyvyyttä.

Käymme läpi, keitä vaatimus koskee, mitä se tarkoittaa käytännössä ja miten tarkistat oman sivustosi tilanteen tunnissa.

Mikä saavutettavuusdirektiivi on?

Saavutettavuusdirektiivillä tarkoitetaan yleensä EU:n esteettömyysdirektiiviä (European Accessibility Act, direktiivi (EU) 2019/882). Sen tavoite on, että tärkeimmät tuotteet ja palvelut toimivat myös ihmisille, joilla on näkö-, kuulo-, liikunta- tai kognitiivisia rajoitteita. Suomessa direktiivi on pantu täytäntöön kansallisella lainsäädännöllä.

Julkisella sektorilla saavutettavuusvaatimukset ovat olleet voimassa jo vuodesta 2019. Esteettömyysdirektiivi laajensi vaatimukset yksityisille yrityksille, jotka tarjoavat tiettyjä palveluja kuluttajille.

Keitä vaatimus koskee?

Vaatimus koskee palvelua, ei toimialaa. Ratkaisevaa on, mitä sivustollasi tehdään. Direktiivin piirissä ovat muun muassa nämä kuluttajille tarjottavat palvelut:

• Verkkokauppa eli sähköisen kaupankäynnin palvelut, joissa kuluttaja voi ostaa tuotteen tai palvelun verkossa

• Kuluttajille tarkoitetut pankkipalvelut

• Henkilöliikenteen palvelut, kuten verkkosivut, mobiilisovellukset ja sähköiset liput

• Sähköiset viestintäpalvelut

• E-kirjat ja niiden lukemiseen tarkoitetut ohjelmistot

• Audiovisuaalisten mediapalvelujen käyttöön tarkoitetut palvelut

Tavallinen yritysesittely, jossa on yhteystiedot ja yhteydenottolomake, ei yleensä kuulu palveluja koskevien vaatimusten piiriin. Pelkästään yrityksille (B2B) myyvä verkkokauppa ei myöskään ole kuluttajapalvelu.

Mikroyritysten poikkeus

Palveluja koskevat vaatimukset eivät koske mikroyrityksiä. Mikroyritys on direktiivin määritelmässä yritys, jossa on alle 10 työntekijää ja jonka vuosiliikevaihto tai taseen loppusumma on enintään 2 miljoonaa euroa.

Nopea tarkistus omaan tilanteeseen:

Taulukko on suuntaa antava esimerkki, ei oikeudellinen arvio. Rajatapauksissa tarkista tilanne valvovan viranomaisen ylläpitämästä Saavutettavuusvaatimukset.fi-palvelusta.

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

Teknisenä mittapuuna käytetään eurooppalaista EN 301 549 -standardia, joka viittaa verkkosisällön osalta WCAG 2.1 -ohjeiden AA-tasoon. WCAG jakaa vaatimukset neljään periaatteeseen:

1. Havaittava: sisältö on nähtävissä ja kuultavissa eri tavoin, esimerkiksi kuvilla on tekstivastine ja videoilla tekstitys.

2. Hallittava: sivustoa voi käyttää pelkällä näppäimistöllä, eikä mikään toiminto vaadi hiirtä.

3. Ymmärrettävä: teksti on selkeää, lomakkeen virheet kerrotaan ja toiminnot käyttäytyvät ennustettavasti.

4. Toimintavarma: sivuston koodi on niin siistiä, että ruudunlukijat ja muut apuvälineet osaavat tulkita sen.

Lisäksi palvelun tarjoajan on kerrottava, miten palvelu täyttää vaatimukset. Tiedot julkaistaan yleensä erillisellä saavutettavuussivulla tai käyttöehtojen yhteydessä.

10 yleisintä korjattavaa asiaa

Useimmat saavutettavuusongelmat ovat pieniä ja nopeita korjata. Nämä löytyvät lähes jokaiselta tarkistamattomalta sivustolta:

1. Puuttuvat alt-tekstit. Jokaisella sisältökuvalla on tekstivastine. Koristekuvalla alt jätetään tyhjäksi.

2. Liian heikko kontrasti. WCAG AA vaatii tavalliselle tekstille vähintään kontrastisuhteen 4,5:1 ja suurelle tekstille 3:1.

3. Otsikkorakenne on rikki. Yksi h1 per sivu, ja h2- ja h3-otsikot etenevät loogisesti.

4. Lomakkeen kentiltä puuttuvat nimet. Paikkamerkkiteksti kentän sisällä ei riitä, jokainen kenttä tarvitsee näkyvän nimen.

5. Virheilmoitus näkyy vain värinä. Punainen reunus ei kerro ruudunlukijalle mitään. Kirjoita virhe tekstinä.

6. Näppäimistöllä ei pääse kaikkialle. Valikot, painikkeet ja ponnahdusikkunat pitää voida avata ja sulkea Tab- ja Enter-näppäimillä.

7. Kohdistus ei näy. Kun liikut Tab-näppäimellä, aktiivisen kohdan pitää näkyä selvästi.

8. Linkkiteksti on “lue lisää”. Linkin tekstin pitää kertoa, mihin se vie.

9. Videoista puuttuu tekstitys.

10. Sivun kieli on määrittelemättä. Ruudunlukija lukee suomenkielisen tekstin väärin, jos sivun kieleksi on merkitty englanti.

Näin tarkistat oman sivustosi tunnissa

Täydellinen saavutettavuusauditointi vaatii asiantuntijan, mutta suurimmat ongelmat löydät itse ilmaisilla työkaluilla:

• Lighthouse Chrome-selaimen kehittäjätyökaluissa antaa saavutettavuudelle pisteet 0–100 ja listaa löydetyt virheet.

• WAVE-laajennus näyttää virheet suoraan sivun päällä.

• Näppäimistötesti: irrota hiiri ja yritä lähettää yhteydenottolomake pelkällä Tab-, Enter- ja välilyöntinäppäimellä.

• Zoomaustesti: suurenna selain 200 prosenttiin. Teksti ei saa leikkautua eikä sisältöä saa jäädä piiloon.

Kirjaa lähtötaso ylös: Lighthouse-pisteet etusivulta ja kolmelta tärkeimmältä sivulta sekä löydettyjen virheiden määrä. Toista sama mittaus korjausten jälkeen. Huomaa, että automaattiset työkalut löytävät vain osan ongelmista. Esimerkiksi alt-tekstin olemassaolon ne tunnistavat, mutta eivät sitä, kuvaako teksti kuvaa oikein.

Jos vaatimus koskee yritystäsi: 5 askelta

Jos tarjoat kuluttajille direktiivin piiriin kuuluvaa palvelua etkä ole mikroyritys, etene tässä järjestyksessä:

1. Rajaa tarkistettavat näkymät. Listaa ostopolun kriittiset sivut: etusivu, tuotelistaus, tuotesivu, ostoskori, kassa, kirjautuminen ja yhteydenotto.

2. Mittaa lähtötaso. Aja jokaiselle näkymälle automaattinen testi ja tee näppäimistötesti koko ostopolulle. Kirjaa virheiden määrä näkymittäin.

3. Korjaa ensin estävät virheet. Virhe, joka estää oston loppuun viemisen, on tärkeämpi kuin kosmeettinen kontrastipoikkeama.

4. Kirjoita saavutettavuustiedot. Kerro, miten palvelu täyttää vaatimukset, mitkä puutteet ovat tiedossa ja miten käyttäjä voi antaa palautetta.

5. Lisää saavutettavuus kehitystyön tarkistuslistaan. Jokainen uusi sivu, komponentti ja kampanjanäkymä tarkistetaan ennen julkaisua.

Teetä lisäksi asiantuntija-arvio, jossa sivustoa testataan myös ruudunlukijalla. Automaattinen testi ei kerro, onko ostopolku oikeasti käytettävissä ilman näköä.

Miksi saavutettavuus kannattaa, vaikka laki ei vaatisi?

Moni saavutettavuuskorjaus on samalla hyvää hakukoneoptimointia ja konversio-optimointia. Alt-tekstit, looginen otsikkorakenne ja kuvaavat linkkitekstit auttavat myös hakukoneita ja tekoälyhakuja ymmärtämään sisältöä. Selkeä lomake, jonka virheet kerrotaan tekstinä, jää harvemmin kesken.

Saavutettavuus on myös helpointa ja halvinta tehdä alusta asti. Jälkikäteen korjattuna sama työ vaatii usein ulkoasun, värien ja komponenttien muuttamista.

Yhteenveto

Saavutettavuusdirektiivi ei koske kaikkia yrityksiä. Se koskee tiettyjä kuluttajapalveluja, kuten verkkokauppoja, ja mikroyritykset on rajattu palveluja koskevien vaatimusten ulkopuolelle. Mittapuu on WCAG 2.1 AA. Vaikka vaatimus ei koskisi sinua, 10 yleisintä korjausta parantavat sivustosi käytettävyyttä kaikille ja tukevat hakunäkyvyyttä. Aloita mittaamalla lähtötaso Lighthouse-pisteillä ja näppäimistötestillä.

Haluatko tietää, missä kunnossa sivustosi saavutettavuus on? Varaa ilmainen auditointi. Käymme läpi sivustosi ja kerromme kolme asiaa, jotka kannattaa korjata ensin.

Lue myös: Uudet verkkosivut: 9 päätöstä ennen ensimmäistä luonnosta

Usein kysytyt kysymykset

Koskeeko saavutettavuusdirektiivi kaikkia yrityksiä?

Ei koske. Direktiivi koskee tiettyjä kuluttajille tarjottavia palveluja, kuten verkkokauppaa, pankkipalveluja ja henkilöliikenteen palveluja. Mikroyritykset, joilla on alle 10 työntekijää ja enintään 2 miljoonan euron liikevaihto tai taseen loppusumma, on rajattu palveluja koskevien vaatimusten ulkopuolelle.

Mistä lähtien vaatimukset ovat olleet voimassa?

Esteettömyysdirektiivin vaatimuksia on sovellettu 28.6.2025 alkaen.

Mikä on WCAG 2.1 AA?

WCAG (Web Content Accessibility Guidelines) on kansainvälinen verkkosisällön saavutettavuusohjeistus. Siinä on kolme tasoa: A, AA ja AAA. AA-taso on yleisin vaatimustaso, ja siihen viittaa myös eurooppalainen EN 301 549 -standardi.

Parantaako saavutettavuus hakukonenäkyvyyttä?

Saavutettavuus ei ole suora sijoitustekijä, mutta moni korjaus auttaa myös hakukoneita: alt-tekstit, looginen otsikkorakenne, kuvaavat linkkitekstit ja oikein merkitty sivun kieli helpottavat sisällön ymmärtämistä.