Verkkokaupan saavutettavuus: konkreettiset velvoitteet ja niiden täyttäminen

Mitä saavutettavan verkkokaupan on täytettävä? Katsaus keskeisiin vaatimuksiin tuotesivuille, ostoskorille, suodattimille ja tilauksen prosessille.

Julkaistu:

Verkkokaupan tuotesivu saavutettavuusmerkinnöillä: ääni, kontrasti, tekstin esittäminen ja vaihtoehtoinen kuvaus

Mitä saavutettava verkkokauppa tarkoittaa

Saavutettava verkkokauppa on sellainen, jota vammaiset henkilöt — näkö-, kuulo-, liikunta- tai kognitiivisen vamman kanssa — voivat käyttää esteettömästi. Kyse on paljon muusta kuin pyörätuolin käyttäjistä tai sokeista: saavutettavuus auttaa myös vanhempia käyttäjiä, henkilöitä, joilla on tilapäisiä rajoitteita (murtunut käsi, silmäleikkaus) tai niitä, jotka tekevät ostoksia puhelimella aurinkoisena päivänä.

Saavutettava verkkokauppa on myös yleensä käytettävämpi kaikille — selkeä rakenne, luettavat tekstit ja toimivat lomakkeet helpottavat ostamista kaikilta.

Mitkä osat verkkokaupasta on oltava saavutettavia

Kansallinen EAA:n täytäntöönpanolainsäädäntösi asettaa velvoitteita sähköisen kaupankäynnin palvelulle — ei pelkästään etusivulle, vaan koko asiakaspolkuun. Tähän kuuluu:

  • Tuotteiden haku ja suodatus
  • Tuotesivut (kuvaus, kuvat, hinta)
  • Ostoskori ja tuotteiden lisääminen
  • Tilauslomake
  • Maksuprosessi
  • Käyttäjätili (tilaushistoria, asetukset)
  • Asiakastuki verkkosivuston kautta

Pelkkä etusivu ei riitä — jos ostoskori on saavuttamaton, rikot lakia, vaikka etusivu olisi muuten esimerkillinen.

Yleisimmät ongelmat verkkokaupoissa

Automaattisista tarkastuksista yleisimpiä ovat:

Tuotekuvien alt-tekstit

Kuvat ilman tekstikuvausta ovat näkymättömiä näkövammaisille käyttäjille (ruudunlukijat). Jokaisella tuotekuvalla on oltava merkityksellinen alt-teksti — ei pelkästään image001.jpg tai tyhjä attribuutti toiminnallisissa kuvissa.

Painikkeiden kontrasti

Lisää ostoskoriin -painike vaaleassa värissä voi olla riittämätön värikontrasti — WCAG 2.1 AA vaatii vähintään 4,5:1 suhteen normaalille tekstille. Heikko kontrasti häiritsee heikkonäköisiä, mutta myös kaikkia huonossa valaistuksessa.

Saavutettavat suodattimet

Suodatinpaneelit (kategorian, hinnan, merkin mukaan) ovat tyypillinen paikka, jossa automaattinen saavutettavuus epäonnistuu — nimeämättömät valintaruudut, puuttuvat otsikot, toimimattomuus näppäimistöllä.

Tilauslomakkeet

Jokaisella lomakekentällä on oltava näkyvä ja ohjelmallisesti liitetty otsikko (label). Virheilmoitukset on ilmoitettava ruudunlukijoille ja selkeästi kerrottava, mikä on vialla ja miten se korjataan.

Saavutettavuustiedot käyttöehdoissa

Kansallinen EAA:n täytäntöönpanolainsäädäntösi velvoittaa verkkokauppoja sisällyttämään tiedot siitä, miten ne täyttävät saavutettavuusvaatimukset. Tämä tieto kuuluu käyttöehtoihin tai muulle helposti saavutettavalle paikalle.

Kyse ei ole saavutettavuusselosteesta julkisen sektorin lainsäädännön mielessä. Verkkokaupan on kerrottava asiakkaalle, kuinka saavutettava se on — esimerkiksi linkki tarkastustuloksiin, kuvaus tuetuista teknologioista, yhteystiedot ongelmista ilmoittamista varten. Suosittelemme tarkistamaan tarkan muodon ja laajuuden lakimieheltä.

Miten tarkistaa oma verkkokauppasi

Automaattinen tarkastus havaitsee noin 30–50 % WCAG 2.1 AA -säännöistä — erityisesti teknisiä ongelmia, kuten puuttuvia alt-tekstejä, heikkoa kontrastia tai puuttuvia lomake-otsikoita. Se on hyvä ensimmäinen askel.

Loput säännöt vaativat manuaalista arviointia: tekstien selkeys, navigaatiologiikka, käyttäytyminen apuvälineiden kanssa (ruudunlukijat, kytkimenhallinnan). Lain noudattamiseksi automaattisen skannauksen ja manuaalisen auditoinnin yhdistelmä on välttämätön.

Automaattinen esteettömyystarkistus (kuten tämä Inkluzo-palvelussa) kattaa noin 30–50 % WCAG 2.1 AA -säännöistä. Se tarkistaa koneellisesti havaittavat virheet — vaihtoehtoiset tekstit, kontrasti, otsikko- ja lomakerakenne, ARIA-attribuutit. Jäljellä oleva 50–70 % kriteereistä vaatii manuaalista arviointia.

Lisää oppaan artikkeleita

Usein kysytyt kysymykset

Täytyykö koko verkkokauppani olla saavutettava?
Laki koskee sähköisen kaupankäynnin palvelua kokonaisuutena — erityisesti ostoprosessin vaiheita, joita asiakas käy läpi. Tähän kuuluu haku, tuotesivut, ostoskori, tilaus ja maksu. Pelkkä saavutettava etusivu ei riitä.
Mitä ovat saavutettavuustiedot käyttöehdoissa?
EAA:n täytäntöönpanolainsäädännön mukainen velvollisuus ilmoittaa, miten verkkokauppa täyttää saavutettavuusvaatimukset. Kyse ei ole julkisen sektorin muodollisesta saavutettavuusselosteesta — vaan käytännön tiedosta asiakkaalle. Suosittelemme tarkistamaan tarkan muodon lakimieheltä.
Riittääkö automaattinen tarkastus?
Ei ainoana vaiheena. Automaatio havaitsee noin 30–50 % säännöistä. Loput — selkeys, navigaatiologiikka, käyttäytyminen apuvälineiden kanssa — vaativat manuaalisen auditoinnin.

Haluatko testata verkkosivustosi esteettömyyttä nyt?

Käynnistä esteettömyystarkistus