Saavutettavuusdirektiivi laajeni kesäkuussa 2025 koskemaan myös kuluttajille suunnattuja verkkokauppoja ja palveluita.
Hyvin toimivaa palvelua on mukava käyttää! Saavutettavuus ei koske vain pieniä erityisryhmiä, vaan tavoitteena on tehdä sivustoista kaikille helpompikäyttöisiä ja selkeämpiä. Erityisen tärkeää on kuitenkin, että palvelu on käytettävissä sujuvasti, vaikka sitä käyttäisi ruudunlukijan avulla, kokonaan ilman kuvia, suurilla sormilla pienellä näytöllä tai huonolla kielitaidolla.
Keitä tämä koskee?
Saavutettavuusasioita on tuotu osaksi julkishallinnon verkkosivuja jo vuosien ajan myös lainsäädännön voimin. 28.6.2025 voimaan astui uusi direktiivi 2019/882, joka laajensi saavutettavuusvaatimukset myös yksityisten toimijoiden verkkopalveluihin, eli kuluttajille suunnattuihin verkkokauppoihin, mobiilisovelluksiin, e-kirjoihin ja pankkipalveluihin. Ainoastaan mikroyritykset, yrityssektorille suunnatut ja puhtaat markkinointisivustot eivät vielä ole pakotettuja saavutettavuusdirektiivien noudattamiseen. Käytettävyys kannattaa silti pitää näissäkin mielessä, viimeistään seuraavan sivustouudistuksen yhteydessä! Vaikka ennen kesäkuuta 2025 julkaistuilla verkkosivuilla ja -kaupoilla on viiden vuoden siirtymäaika, niiltäkin edellytetään toimenpiteitä uuden saavutettavuustason saavuttamiseksi viimeistään seuraavan uudistuksen yhteydessä. Mitä verkkopalveluilta ja -kaupoilta siis nykyään vaaditaan?
Minimivaatimukset
Saavutettavuusseloste
- Kuvaa sivuston saavutettavuuden nykytilan. Huomaa, että tätä tulisi pitää ajan tasalla.
- Kannattaa päivittää viittaamaan uuteen WCAG 2.1 -versioon.
- Selosteessa pitää kuvata, miten saavutettavuus on huomioitu (mitkä standardit on otettu huomioon) sivustolla tällä hetkellä, mitä tunnettuja saavutettavuuspuutteita sivustolla on, ja mitä korjaustoimenpiteitä mahdollisesti on käynnissä.
- Tarjoaa palautekanavan, jonne käyttäjät voivat ilmoittaa havaitsemansa saavutettavuuspuutteet.
Ulkoasun saavutettavuus
- Painikkeet ja teksti riittävän suuria (jotta painikkeisiin osuu helposti etenkin mobiilissa).
- Linkit erotettavissa normaalitekstistä (muullakin kuin pelkällä värillä, eli esim. “vihreä vs punainen” ei saa olla ainoa tunnistettava ero).
- Riittävä kontrasti tekstien ja taustavärin välillä.
Tekninen saavutettavuus
- Näppäimistökäyttö: kaikki toiminnot toimivat ilman hiirtä, myös mediasisältöjen ja soittimien käyttöliittymät.
- Näkyvä fokus: elementtien ympärillä selkeä visuaalinen kohdistus.
- Semanttinen HTML: käytä oikeita tageja loogisessa järjestyksessä (otsikot, listat, linkit, painikkeet).
- ARIA-merkinnät vain, kun HTML ei riitä, eli vältetään turhaa ARIAa.
- Lomakkeet, ostoskori, maksuprosessi ja kassalle siirtyminen sekä tuotefiltterit toimittava loogisesti myös ilman hiirtä.
- Kaikkien lomake-elementtien täytyy olla oikein merkittyjä (label, aria-label) ja selkeästi yhdistetty kenttään.
Responsiivisuus
- Sisältö säilyy käytettävänä eri laitteilla ja 200 % zoomilla.
- Fonttikoko on oltava muutettavissa (eli zoom-asetuksen on vaihdettava myös fonttien kokoa).
Käytettävä kieli ja rakenne
- Selkeät käyttäjäpolut
- yksinkertainen kieli (vältä pitkiä ja monimutkaisia lauseita), selkeä visuaalinen hierarkia, virheilmoitukset helposti näkyviä ja ymmärrettäviä.
- Merkityksellisissä kuvissa oltava alt-teksti, puhtaasti koristetarkoituksessa olevissa kuvissa alt voi olla tyhjä, mutta attribuutti on oltava olemassa.
- Käytettävän multimedian (videot) tekstitys.
- Selkeät ja informatiiviset virheviestit.
Jatkuva seuranta ja ylläpito
- Saavutettavuus ei ole kertatoiminto, vaan se täytyy ottaa huomioon aina, kun sivustolle tehdään muutoksia.
- Suositellaan säännöllistä seurantaa ja auditing-työkaluja osana kehitysprosessia
- Saavutettavuusarviointien dokumentointi, kirjataan korjaukset ja poikkeukset saavutettavuusselosteeseen.
Lisää ohjeita esim. https://www.saavutettavasti.fi/ ja https://www.saavutettavuusvaatimukset.fi/fi, jossa mm. ohjeet saavutettavuusselosteen tekemiseen.
