Vuoden 2025 esteettömyysuudistus: Mitä verkkopalveluiden ja verkkokauppojen on tiedettävä?

Vuoden 2025 esteettömyysdirektiivi

Vuonna 2025 voimaan tuleva EU:n Esteettömyysdirektiivi (European Accessibility Act, EAA) tuo merkittäviä muutoksia verkkopalveluiden ja verkkokauppojen toimintaan. Direktiivin tavoitteena on varmistaa, että kaikki käyttäjät – mukaan lukien henkilöt, joilla on jokin toimintarajoite – voivat asioida verkkopalveluissa esteettömästi ja sujuvasti. Tässä artikkelissa kerromme, mitä muutokset tarkoittavat, ja miten verkkokaupat ja verkkopalvelut voivat valmistautua.

Mikä muuttuu vuonna 2025?

Vuonna 2025 voimaan astuva esteettömyysuudistus laajentaa nykyisiä vaatimuksia merkittävästi. Tämän hetken esteettömyysvaatimukset koskevat pääasiassa julkisia verkkopalveluita, mutta vuoden 2025 jälkeen esteettömyyden on toteuduttava laajemmin myös yksityisen sektorin verkkosivustoilla ja sovelluksissa.

Ketä tämä esteettömyysdirektiivi koskee?

Esteettömyysvaatimukset koskevat sekä julkisia että yksityisiä toimijoita silloin, kun ne tarjoavat kuluttajille tuotteita tai palveluja, jotka kuuluvat esteettömyyttä säätelevän lainsäädännön piiriin.

Tuotteiden osalta vaatimuksia sovelletaan myös niin sanottuihin mikroyrityksiin. Mikroyritykset saavat kuitenkin tiettyjä helpotuksia sääntelyn puitteissa. Mikroyrityksellä tarkoitetaan yritystä, jolla on alle 10 työntekijää ja jonka vuotuinen liikevaihto tai taseen loppusumma on enintään 2 miljoonaa euroa.

Palveluihin liittyvät esteettömyysvaatimukset eivät koske mikroyrityksiä. Tästä huolimatta mikroyrityksiä rohkaistaan tarjoamaan palvelujaan esteettömyysvaatimusten mukaisesti.

Ketä esteettömyysvaatimukset koskevat:

  • Julkisia ja yksityisiä toimijoita, jotka tarjoavat esteettömyyslainsäädännön piiriin kuuluvia tuotteita tai palveluja kuluttajille.
  • Mikroyrityksiä, kun kyse on tuotteiden esteettömyysvaatimuksista.
 

Ketä esteettömyysvaatimukset eivät koske:

  • Mikroyrityksiä, kun kyse on palveluiden esteettömyysvaatimuksista.
 

Keskeiset muutokset:

WCAG 2.1 AA -tason noudattaminen:

Verkkosivustojen ja sovellusten on täytettävä WCAG 2.1 AA-tason esteettömyysvaatimukset. Tähän kuuluvat mm. seuraavat asiat:

  • Kuvat ja media tarvitsevat alt-kuvaukset (tekstivastineet), jotka kuvaavat niiden sisältöä selkeästi.
  • Sivustoa voi selata pelkänään näppäimistöllä.
  • Sisältö on selkeästi jäsennelty ja helposti ymmärrettävä.
  • Kontrasti tekstin ja taustan välillä on riittävä.
 

2. Fyysiset ja digitaaliset tuotteet:

  • Jos verkkokauppa myy digitaalisia tuotteita (kuten e-kirjoja, ohjelmistoja tai verkkokursseja), niiden on myös oltava esteettömiä.
 

Mitä verkkopalveluiden ja verkkokauppojen tulisi tehdä?

1. Toteuta esteettömyyskartoitus

Ensimmäinen askel on arvioida, miten hyvin nykyinen verkkopalvelu tai verkkokauppa täyttää esteettömyysvaatimukset. Kartoituksessa tarkistetaan muun muassa:

  • Onko kaikilla kuvilla ja videoilla alt-kuvaukset (tekstivastineet), jotka kuvaavat niiden sisältöä?
  • Toimiiko sivusto pelkänään näppäimistöllä navigoitaessa?
  • Onko sisältö helposti ymmärrettävä ja loogisesti jäsennelty?
  • Onko lomakkeiden ja päätoimintojen käyttäminen mahdollista apuvälineillä?
 

2. Yleisimmät esteettömyyspuutteet ja niiden korjaukset

Puutteet

Korjaukset

Puuttuvat tai epätarkat alt-kuvaukset: Kuvista ja grafiikoista puuttuu selkeä tekstivastine niiden merkityksestä.

Lisää kuville ja grafiikoille selkeät alt-kuvaukset, jotka kuvaavat niiden sisällön ja tarkoituksen.

Heikko kontrasti: Tekstin ja taustan välinen kontrasti on liian heikko.

Säädä tekstin ja taustan värit WCAG-suositusten mukaisiksi, jotta sisältö on helposti luettavaa.

Navigoinnin ongelmat: Sivustoa ei voi käyttää pelkästään näppäimistöllä.

Varmista, että kaikki toiminnot, kuten valikot ja lomakkeet, toimivat myös pelkällä näppäimistöllä.

Puuttuvat selitteet lomakkeissa: Lomakekentät eivät ole selkeästi selitettyjä apuvälineille.

Lisää lomakekenttiin selkeät ja oikein tunnistettavat selitteet ja ohjeet, jotka apuvälineet tunnistavat.

Videot ilman tekstitystä: Videoista puuttuvat tekstitykset tai kirjalliset kuvaukset.

Tekstitä videot ja tarjoa kirjallinen kuvaus kaikesta olennaisesta sisällöstä.

Otsikointirakenne (semanttinen HTML): Otsikkotasot eivät noudata loogista hierarkiaa.

Käytä oikeaa otsikkohierarkiaa (h1, h2, h3), jotta sivuston rakenne on selkeä ja ruudunlukijat tunnistavat sen.

Linkkitekstit: Epäinformatiiviset linkkitekstit, kuten ‘Klikkaa tästä’.

Käytä kuvaavia linkkitekstejä, jotka kertovat linkin kohteen ilman kontekstin epäselvyyttä.

Tiedostojen esteettömyys: Ladattavat tiedostot eivät ole luettavissa apuvälineillä.

Varmista, että PDF- ja muut tiedostot sisältävät otsikot, alt-tekstit ja rakenteen apuvälineiden tunnistamiseksi.

Automaattinen sisältö tai animaatiot: Automaattisesti käynnistyvät elementit häiritsevät käyttäjiä.

Tarjoa käyttäjille mahdollisuus pysäyttää, keskeyttää tai ohittaa automaattisesti käynnistyvät elementit.

Lomakkeiden virheilmoitukset: Virheilmoitukset eivät ole selkeästi näkyvillä tai saavutettavissa.

Tee virheilmoituksista visuaalisesti erottuvia ja varmista, että ne ovat ruudunlukijoiden havaittavissa.

Kielen tunnistus: Sivuston kieltä ei ole määritelty oikein HTML-koodissa.

Määritä HTML-koodissa sivun pääkieli ja tarvittaessa yksittäisten osioiden kielenvaihdot.

Syöttökenttien automaattinen täydennys: Lomakekentissä ei ole oikeita attribuutteja.

Käytä lomakekentissä ‘autocomplete’-attribuuttia, jotta automaattinen täydennys toimii oikein.

Ajastetut sisällöt: Sisällöt voivat vanhentua ilman käyttäjän hallintamahdollisuutta.

Tarjoa käyttäjälle mahdollisuus pidentää tai keskeyttää ajastettuja toimintoja, kuten lomakkeiden aikakatkaisuja.

Saavutettavuusseloste puuttuu: Käyttäjille ei kerrota sivuston saavutettavuuden tilasta tai palautemahdollisuuksista.

Laadi saavutettavuusseloste, jossa kerrotaan sivuston saavutettavuuden tila ja mahdollisuus antaa palautetta.

Dynaamiset sisällöt: Dynaamisesti muuttuvat osiot (esim. pop-upit) eivät ole saavutettavissa apuvälineillä.

Varmista, että dynaamiset elementit ilmoitetaan apuvälineille esimerkiksi ARIA-attribuuttien avulla.

 

3. Ota huomioon uudet sivut ja tuotekategoriat

Mikäli verkkokauppasi myy digitaalisia tuotteita, varmista, että nekin täyttävät esteettömyysvaatimukset. Esimerkiksi e-kirjojen tulisi olla luettavissa ruudunlukuohjelmilla.

 

Miksi esteettömyysvaatimukset kannattaa ottaa tosissaan?

Esteettömyys ei ole pelkästään lakisääteinen velvoite, vaan se tuo mukanaan monia hyötyjä:

  • Laajempi asiakaskunta: Esteettömyys mahdollistaa palveluiden käytön kaikille, myös niille, joilla on toimintarajoitteita. 
  • Parempi hakukonenäkyvyys: Esteettömät sivustot ovat paremmin optimoituja hakukoneita varten.
  • Parempi käyttäjäkokemus: Selkeä ja helposti navigoitava sivusto palvelee kaikkia käyttäjiä.
 

Mitä tapahtuu, jos esteettömyysvaatimuksia ei noudateta?

Vuoden 2025 jälkeen esteettömyysvaatimusten laiminlyönnistä voi seurata sanktioita. Yritys voi saada huomautuksia tai pahimmassa tapauksessa rajoituksia liiketoimintaansa EU:n alueella.

 

Kaipaatko apua esteettymyysuudistuksen kanssa?

Esteettömyyteen panostaminen ei ole vain lakisääteinen velvoite, vaan myös keino parantaa palveluiden saavutettavuutta ja asiakastyytyväisyyttä. Ensimmäinen askel on selvittää nykytilanne, korjata puutteet ja tehdä esteettömyydestä pysyvä osa toiminnan kehittämistä. 

Jos tarvitset apua tässä prosessissa, olemme valmiina auttamaan! Ota rohkeasti yhteyttä, niin varmistetaan esteettömyys yhdessä.

Ota yhteyttä

Picture of Viljami Savolainen
Viljami Savolainen
Vastaan Teho Digitalilla digimarkkinoinnin toteuttamisesta ja kehittämisestä. Minulla on markkinoinnin kokemusta lähes kaikilta toimialoilta, ja olen työskennellyt digimarkkinoinnin parissa jo lähes 10 vuotta. Vahvuuksiini kuuluvat datalähtöinen ja kokonaisvaltainen markkinointi.

Viimeisimmät blogiartikkelit