Lyhyt vastaus: koskee useimpia kuluttajille myyviä kauppoja

Kyllä, EU:n saavutettavuusvaatimukset koskevat verkkokauppaa, kun kauppa myy kuluttajille eikä yritys ole mikroyritys. Vaatimuksia on sovellettu kesästä 2025 alkaen, ja ne koskevat koko ostopolkua: tuotteiden etsimistä, tuotesivuja, ostoskoria, kassaa ja maksamista. Käytännön mittapuu on WCAG-ohjeiston AA-taso.

Tässä käsitellään vain verkkokauppaa. Saavutettavuusvaatimuksista yrityksille yleisesti on kirjoitettu erikseen artikkelissa saavutettavuusvaatimuksista yrityksille.

Teksti on käytännön opas eikä oikeudellinen neuvo. Soveltamisala, siirtymäajat ja seuraamukset kannattaa tarkistaa viranomaisen ylläpitämältä saavutettavuusvaatimukset.fi-sivustolta, koska niissä yksityiskohdat ratkaisevat.

Saavutettavuusdirektiivi vai esteettömyysdirektiivi?

Nimissä on sekaannusta, ja se kannattaa purkaa ennen kuin etsii tietoa. Saavutettavuusdirektiivillä tarkoitetaan virallisesti julkisen sektorin verkkopalveluja koskevaa direktiiviä. Verkkokauppoja koskevat vaatimukset tulevat EU:n esteettömyysdirektiivistä, joka koskee tiettyjä tuotteita ja palveluja, myös sähköistä kaupankäyntiä.

Arkikielessä molemmista puhutaan saavutettavuusdirektiivinä. Siksi moni verkkokauppias etsii tietoa väärästä paikasta ja päättelee, ettei asia koske häntä, koska teksti puhuu viranomaisista ja kunnista.

Suomessa verkkokauppoja koskevat vaatimukset on viety digipalvelulakiin, jonka soveltamisala laajeni samalla koskemaan myös tiettyjä yksityisiä palveluja. Kun etsit ohjeita, etsi nimenomaan verkkokauppaa tai sähköistä kaupankäyntiä koskevia ohjeita.

Koskeeko saavutettavuusdirektiivi verkkokauppaa?

Koskee, kun kolme ehtoa täyttyy: kauppa myy kuluttajille, myynti tapahtuu verkkosivuston tai sovelluksen kautta, eikä kaupan pitäjä ole mikroyritys. Toimiala ei ratkaise. Vaatimus koskee yhtä lailla vaatekauppaa, kahvipaahtimon verkkomyyntiä kuin varaosakauppaa.

Pelkästään yrityksille myyvä kauppa ei kuulu vaatimusten piiriin, koska ne koskevat kuluttajille tarjottavia palveluja. Raja ei kuitenkaan ole aina selvä. Jos kuka tahansa voi tehdä kaupassa tilauksen ilman yritystunnusta, kauppa palvelee käytännössä myös kuluttajia.

Vaatimukset koskevat palvelua, eivät yksittäistä sivua. Siksi niihin kuuluvat yleensä myös ne osat, jotka kauppa ostaa muualta, kuten maksusivu, evästeilmoitus ja chat, kun ne ovat osa ostopolkua.

Mikroyrityksen raja

Palveluja tarjoavat mikroyritykset on vapautettu vaatimuksista. Direktiivissä mikroyritys on yritys, jossa on alle kymmenen työntekijää ja jonka vuosiliikevaihto tai taseen loppusumma on enintään kaksi miljoonaa euroa. Tarkista rajat ja niiden laskentatapa viranomaisen sivuilta ennen kuin nojaat poikkeukseen.

Poikkeus on yksinkertainen, mutta siihen liittyy kaksi ansaa. Ensimmäinen on kasvu. Kun yritys ylittää rajan, vaatimukset tulevat koskemaan sitä, eikä kauppaa korjata viikossa. Toinen on yritysrakenne. Jos kauppa on osa isompaa kokonaisuutta, pienen yhtiön omat luvut eivät välttämättä yksin ratkaise.

Vapautettukin kauppa hyötyy saavutettavuudesta. Sama kassa, joka toimii ruudunlukijalla, toimii paremmin myös puhelimella auringossa ja väsyneelle ostajalle illalla, eivätkä ostajat tiedä eivätkä välitä, onko kauppa vapautettu.

Mitä kaupan pitää käytännössä tehdä?

Käytännössä kaupan pitää varmistaa, että koko ostopolku toimii näppäimistöllä, ruudunlukijalla, suurennetulla tekstillä ja ilman värien erottamista, ja kertoa ostajille, miten palvelu täyttää vaatimukset. Mittapuuna käytetään harmonisoitua standardia EN 301 549, joka perustuu WCAG-ohjeiston AA-tasoon.

  • Tuotteiden haku, suodattimet ja kategoriat toimivat näppäimistöllä ja ruudunlukijalla.
  • Tuotekuvilla on tekstivastineet, ja tuotevaihtoehdot on nimetty tekstinä.
  • Ostoskorin muutokset, kuten määrän päivitys, välittyvät myös ruudunlukijalle.
  • Kassan lomakkeissa on näkyvät ja ohjelmallisesti liitetyt kenttien nimet sekä ymmärrettävät virheilmoitukset.
  • Maksaminen ja tunnistautuminen onnistuvat saavutettavasti.
  • Tuotteiden saavutettavuustiedot välitetään ostajalle, kun valmistaja ne antaa.
  • Kauppa kertoo, miten palvelu täyttää saavutettavuusvaatimukset ja miten puutteista voi antaa palautetta.

Jos rakennat kauppaa nyt, tavoittele WCAG 2.2 AA -tasoa. Se sisältää aiemman version vaatimukset ja muutaman lisäkohdan, jotka osuvat juuri verkkokaupan tyypillisiin kohtiin, kuten kohdistuksen näkyvyyteen, painikkeiden kokoon ja kirjautumiseen.

Ostopolku on se, joka testataan

Verkkokaupassa on satoja tai tuhansia sivuja, mutta niitä ei testata yksitellen. Testataan ostopolku: etusivu, haku, kategoria suodattimineen, tuotesivu, ostoskori, kassa, maksu ja vahvistus. Jos ostaja pääsee tämän reitin läpi, suurin osa tärkeästä toimii.

Yksinkertaisin testi on tehdä ostos ilman hiirtä. Liiku sarkaimella, valitse koko ja väri, lisää tuote koriin, muuta määrää, täytä tiedot ja maksa. Jokainen kohta, jossa jäät jumiin tai et näe missä olet, on korjattava.

Toinen testi on sama polku ruudunlukijalla, joka löytyy valmiina jokaisesta yleisestä käyttöjärjestelmästä. Kuuntele, kertooko sivu tuotteen nimen, hinnan ja valitun koon, ja kuuletko, kun tuote lisätään koriin.

Kolmas testi on tekstin suurentaminen kaksinkertaiseksi ja sivun katsominen kapealla näytöllä. Jos hinta, painike tai kassan kenttä katoaa näkyvistä tai menee päällekkäin, ostaja ei pääse eteenpäin.

Tuotesivu: kuvat, vaihtoehdot ja hinnat

Tuotesivun yleisin puute ovat tuotevaihtoehdot. Värivalinta, joka on pelkkä värillinen pallo ilman nimeä, ei kerro ruudunlukijalle mitään, eikä värisokea erota tummansinistä mustasta. Jokaisella vaihtoehdolla pitää olla nimi tekstinä.

Tuotekuvien tekstivastine kertoo, mitä kuva näyttää, esimerkiksi tuotteen värin, kulman tai yksityiskohdan. Kymmenen kuvaa, joiden kaikkien tekstivastine on tuotteen nimi, ei auta ketään.

Hinnan, alennuksen ja saatavuuden pitää olla tekstiä eikä kuvaa. Yliviivattu vanha hinta pelkkänä muotoiluna voi kuulostaa ruudunlukijalla siltä, että tuotteella on kaksi hintaa. Varastotilanne kerrotaan sanoin eikä vain vihreällä tai punaisella pisteellä.

Kassa ja lomakkeet

Kassa on ostopolun kriittisin kohta, koska siellä ostaja joko pääsee maksamaan tai ei. Jokaisella kentällä on näkyvä nimi, joka on liitetty kenttään, eikä nimi katoa, kun kenttään aletaan kirjoittaa.

Virheilmoitus kertoo, mikä kenttä on väärin ja miten sen korjaa, ja se luetaan myös ruudunlukijalla. Punainen reunus ilman tekstiä ei riitä.

Automaattinen täyttö säästää kaikkien aikaa, ja kenttien tarkoituksen merkitseminen koneluettavasti on osa AA-tason vaatimuksia. Kun nimi-, osoite- ja sähköpostikentät on merkitty oikein, selain täyttää ne, ja ostaja, jolle näppäileminen on vaikeaa, pääsee eteenpäin.

Aikarajat ovat oma riskinsä. Jos ostoskori tai varaus vanhenee, ostajalle pitää kertoa siitä etukäteen ja antaa mahdollisuus jatkaa aikaa. Kuvatehtävät, joilla todistetaan ettei ole robotti, estävät usein juuri ne ostajat, joita varten vaatimukset on tehty.

Maksaminen ja tunnistautuminen

Maksusivu on usein maksunvälittäjän, mutta ostajalle se on osa kauppaasi. Esteettömyysdirektiivi mainitsee verkkokaupan kohdalla erikseen tunnistautumisen, turvallisuustoiminnot ja maksamisen, joten niiden pitää toimia saavutettavasti.

Kysy maksunvälittäjältä, miten sen maksusivu ja maksutapojen valinta täyttävät saavutettavuusvaatimukset, ja pyydä vastaus kirjallisena. Jos maksusivulle ei pääse näppäimistöllä tai maksutapojen logot ovat kuvia ilman tekstiä, ongelma on sinun, vaikka koodi on jonkun muun.

Vahva tunnistautuminen tapahtuu pankin tai kortin myöntäjän palvelussa. Siihen et voi itse vaikuttaa, mutta voit varmistaa, että ostaja palaa sen jälkeen oikeaan kohtaan kauppaa eikä joudu täyttämään tietoja uudelleen.

Evästeilmoitus, chat ja arvostelut

Monen kaupan ensimmäinen saavutettavuusongelma on evästeilmoitus. Jos sitä ei voi kuitata näppäimistöllä tai se jättää kohdistuksen taustalle, ostaja ei pääse edes etusivulle.

Samat kysymykset koskevat chat-ikkunaa, arvosteluosiota, uutiskirjeen ponnahdusikkunaa ja tuotesuosituksia. Ne ovat usein valmiita komponentteja, jotka on lisätty kauppaan yhdellä koodirivillä, eikä kukaan ole testannut niitä.

Käy nämä läpi samalla näppäimistötestillä kuin ostopolku. Jos komponentti ei läpäise testiä, pyydä toimittajalta korjausta tai vaihda komponentti. Ponnahdusikkuna, jota ei saa suljettua ilman hiirtä, on kaupan ovella seisova este.

Tieto palvelun saavutettavuudesta

Kaupan pitää kertoa, miten palvelu täyttää saavutettavuusvaatimukset. Tieto annetaan yleisissä ehdoissa tai vastaavassa asiakirjassa, ja sen pitää itsessään olla saavutettavassa muodossa, esimerkiksi tavallisena verkkosivuna eikä skannattuna tiedostona.

Käytännössä kannattaa tehdä erillinen saavutettavuussivu, johon linkitetään alatunnisteesta. Siinä kerrotaan, mitä on tehty, mitkä osat eivät vielä toimi ja miten ostaja voi ilmoittaa ongelmasta. Tarkka sisältövaatimus kannattaa tarkistaa viranomaisen ohjeista.

Palautekanavan pitää toimia. Jos ostaja kertoo, ettei kassa toimi hänen apuvälineellään, se on sekä vaatimus että menetetty kauppa, ja siihen vastataan kuin mihin tahansa reklamaatioon.

Mitä tapahtuu jos ei tee mitään?

Jos kauppa ei tee mitään, valvova viranomainen voi puuttua asiaan esimerkiksi käyttäjän ilmoituksen perusteella ja velvoittaa korjaamaan puutteet. Seuraamuksista, menettelystä ja määräajoista kerrotaan viranomaisen sivuilla, ja ne kannattaa lukea sieltä eikä toisen käden lähteistä.

Tavallisempi seuraus on kuitenkin hiljaisempi. Ostaja, joka ei pääse kassalta läpi, ei yleensä valita. Hän ostaa muualta, eikä kauppias saa koskaan tietää, mitä menetti.

Kolmas seuraus tulee vastaan kaupan uudistuksessa. Kun saavutettavuus jätetään tekemättä nyt, se tehdään myöhemmin kalliimmin, koska korjaukset kohdistuvat valmiiseen ulkoasuun ja komponentteihin, jotka joudutaan purkamaan.

Mistä aloittaa jos kauppa on jo olemassa?

Olemassa olevassa kaupassa aloitetaan selvittämällä, koskevatko vaatimukset sinua, ja testaamalla sen jälkeen ostopolku. Korjaukset tehdään sivupohjiin, ja lopuksi kirjoitetaan tieto palvelun saavutettavuudesta ja sovitaan, miten uusi sisältö pidetään kunnossa.

  1. Tarkista, oletko mikroyritys vai kuuluuko kauppa vaatimusten piiriin.
  2. Tee ostos ilman hiirtä ja sama ostos ruudunlukijalla, ja kirjaa jokainen este.
  3. Aja automaattinen tarkistus kaupan tärkeimmille sivupohjille.
  4. Pyydä maksunvälittäjältä ja muiden komponenttien toimittajilta tiedot niiden saavutettavuudesta.
  5. Korjaa ensin esteet, jotka estävät ostamisen kokonaan, sitten ne, jotka vaikeuttavat sitä.
  6. Julkaise tieto palvelun saavutettavuudesta ja palautekanava.
  7. Sovi rutiini uusille tuotteille, kuville ja kampanjoille.

Automaattiset työkalut löytävät vain osan ongelmista. Ne kertovat puuttuvista tekstivastineista ja heikoista kontrasteista, mutta eivät siitä, pääseekö ostaja kassalta läpi. Siksi käsin tehty testi tulee järjestyksessä ennen korjauksia.

Korjaa pohjat, älä yksittäisiä sivuja

Verkkokaupan hyvä puoli saavutettavuuden kannalta on, että sivut on tehty muutamasta pohjasta. Kun tuotesivun pohja korjataan, korjaus näkyy jokaisella tuotesivulla kerralla.

Tästä syystä korjausarvio kannattaa tehdä pohjittain eikä sivuittain: etusivu, kategoria, tuote, ostoskori, kassa ja vahvistus. Nämä kuusi pohjaa kattavat suurimman osan kaupasta.

Sisältö on eri asia. Tekstivastineet, tuotekuvaukset ja kampanjakuvat tehdään tuote kerrallaan, ja niihin tarvitaan rutiini. Jos kaupassa on tuhat tuotetta ilman tekstivastineita, aloita myydyimmistä ja lisää loput sitä mukaa, kun tuotteita päivitetään.

Jos kauppa on rakennettu niin, ettei pohjia voi muokata, korjaaminen on hankalaa. Silloin kannattaa selvittää, onko nykyinen alusta oikea ratkaisu ja miten verkkokauppa rakennettaisiin saavutettavaksi alusta asti.

Mitä poikkeuksia on?

Poikkeuksia on muutama, ja ne ovat kapeampia kuin moni toivoo. Tavallisimmat ovat mikroyritykset ja pelkästään yrityksille myyvät kaupat, mutta niiden lisäksi on rajauksia tietylle sisällölle ja tilanteille, joissa vaatimus olisi kohtuuton.

  • Mikroyritykset. Palveluja tarjoavat mikroyritykset on vapautettu vaatimuksista.
  • Yritysmyynti. Vaatimukset koskevat kuluttajille tarjottavia palveluja.
  • Kohtuuton rasite tai perustavanlaatuinen muutos. Vaatimuksesta voi poiketa, jos se muuttaisi palvelun luonnetta perusteellisesti tai olisi kohtuuton rasite. Arvio pitää tehdä ja dokumentoida, eikä se ole yleinen vapautus.
  • Vanhempi sisältö. Rajauksia on esimerkiksi ennen vaatimusten voimaantuloa julkaistuille tallenteille ja toimistotiedostoille sekä arkistosisällölle, jota ei enää päivitetä.
  • Kolmannen osapuolen sisältö. Sisältö, jota kauppa ei ole rahoittanut, tehnyt eikä hallitse, on rajattu pois.

Poikkeuksiin liittyy yksityiskohtia ja menettelyjä, joten jokainen niistä kannattaa tarkistaa viranomaisen sivuilta ennen kuin siihen vedotaan. Varsinkin kohtuuttoman rasitteen arviolla on omat vaatimuksensa, eikä sitä voi käyttää syynä jättää koko työ tekemättä.

Uudet tuotteet, kampanjat ja videot

Saavutettavuus ei valmistu kerralla, koska kauppa muuttuu joka viikko. Uusi tuote tarvitsee tekstivastineet, uusi kampanja tarvitsee bannerin, jonka teksti ei ole pelkkänä kuvana, ja uusi tuotevideo tarvitsee tekstityksen.

Tämä hoituu parhaiten tarkistuslistalla, joka on osa tuotteen lisäämistä. Kun tekstivastineen kenttä on pakollinen eikä tuotetta voi julkaista ilman sitä, rutiini syntyy itsestään.

Kampanjabannerit ovat kaupan tavallisin uusi ongelma. Teksti, joka on kuvassa, ei suurene, ei mukaudu kapealle näytölle eikä kuulu ruudunlukijalla. Kirjoita tarjous tekstinä kuvan päälle tai viereen, niin se toimii myös hakukoneelle.

Yhteenveto

Saavutettavuusvaatimukset koskevat verkkokauppaa, kun se myy kuluttajille eikä yritys ole mikroyritys. Käytännössä ostopolun pitää toimia näppäimistöllä, ruudunlukijalla ja suurennetulla tekstillä, maksamisen ja tunnistautumisen pitää olla saavutettavia, ja kaupan pitää kertoa, miten palvelu täyttää vaatimukset.

Olemassa olevassa kaupassa aloitetaan ostoksesta ilman hiirtä ja korjataan sivupohjat. Poikkeukset, siirtymäajat ja seuraamukset tarkistetaan aina viranomaisen lähteistä, koska niissä yksityiskohta ratkaisee.