Verkkokauppasi ja EAA: Mikä muuttuu nyt

Määräaika on umpeutunut

Euroopan esteettömyysdirektiivi tuli voimaan 28. kesäkuuta 2025. EU-asiakkaille myyville verkkokaupoille esteettömyys ei ole enää suositus – se on lakisääteinen vaatimus.

Jos organisaatiollasi on yli 10 työntekijää ja yli 2 miljoonan euron vuosiliikevaihto ja myyt tuotteita tai palveluita asiakkaille EU:ssa, kuulut soveltamisalaan. Mikroyrityksillä (alle 10 työntekijää ja alle 2 miljoonan euron liikevaihto) on kevyempi sääntely, mutta EAA kannustaa silti noudattamaan vaatimuksia.

Mitä vaatimusten noudattaminen käytännössä tarkoittaa verkkokaupalle? Lyhyt vastaus: verkkosivustosi ja sovelluksesi on täytettävä WCAG 2.1 -taso AA, sovellettuna koko asiakaspolkuun – ei pelkästään etusivuun.

Miksi verkkokauppa on erityisen suuressa riskissä

Kassa on eniten oikeudenkäyntejä aiheuttava pinta digitaalisessa esteettömyydessä. Yhdysvalloissa, joilla on ADA:n nojalla vuosia enemmän täytäntöönpanohistoriaa kuin Euroopalla EAA:n nojalla, verkkokaupat muodostavat suhteettoman suuren osan esteettömyyskanteista – ja kassaprosessi muodostaa suhteettoman suuren osan näistä valituksista.

Syy on käytännöllinen: kassa on kohta, jossa tehtävällä on eniten merkitystä. Sokea käyttäjä, joka pystyy navigoimaan tuotesivuillasi mutta törmää rikkinäiseen lomakekenttään maksuvaiheessa, ei voi viimeistellä ostoa. Kitka on suurimmillaan. Samoin motivaatio tehdä valitus.

EAA:n täytäntöönpanomallin odotetaan seuraavan Yhdysvaltain kehityskaarta. Esteettömyyden puolestapuhujat ja täytäntöönpanoviranomaiset asettavat etusijalle ne polut, jotka vaikuttavat kaikkein suorimmin vammaisten ihmisten mahdollisuuteen osallistua kaupankäyntiin.

Verkkokaupan neljä suuren riskin aluetta

1. Tuotesivut

Tuotesivut epäonnistuvat esteettömyydessä useimmiten seuraavista syistä:

Puuttuvat tai riittämättömät kuvien vaihtoehtoiset tekstit – tuotekuvat, joiden vaihtoehtoisena tekstinä on tiedostonimi (“DSC0042.jpg”), tyhjät alt-attribuutit tai automaattisesti luodut kuvaukset, jotka eivät mainitse tuotetta tai sen olennaisia ominaisuuksia.

Pelkästään väriin perustuvat tuotevariantit – värimallit, jotka erottavat vaihtoehdot pelkän värin avulla ilman tekstivaihtoehtoa. Värisokea käyttäjä ei ehkä pysty erottamaan “viininpunaista” ja “metsänvihreää” värimallia, jotka valitaan vain napsauttamalla pientä värillistä ympyrää.

Kontrastivirheet tuotekuvauksissa – vaaleanharmaa teksti valkoisella pohjalla teknisissä tiedoissa, hinnoittelussa tai saatavuustiedoissa.

Esteettömät kuvagalleriat – karusellikomponentit, joita ei voi käyttää näppäimistöllä tai jotka eivät ilmoita nykyistä diojen numeroa ruudunlukijoille.

2. Haku ja suodatus

Navigointi- ja löytämispolut epäonnistuvat, kun:

• Hakutuloksia ei ilmoiteta ruudunlukijoille (ilmestyvien tulosten uusi lukumäärä ei laukaise ilmoitusta)
• Suodatinvalintaruuduista tai pudotusvalikoista puuttuvat ohjelmalliset selitteet
• Käytettyjä suodattimia ei voi poistaa näppäimistöllä
• Automaattitäydennysehdotukset eivät ole ruudunlukijan käyttäjien saavutettavissa

3. Kassa

Kassa sisältää tiheimmän keskittymän monimutkaisia vuorovaikutteisia komponentteja – lomakkeita, maksuwidgetejä, osoitehakuja, toimituspäivän valitsimia – ja siten suurimman esteettömyysvirheiden tiheyden.

Yleisiä kassavirheitä:

• Lomakekentät ilman siihen liittyviä <label>-elementtejä (kentät ilmoitetaan muodossa “muokkaa tekstiä, tyhjä”)
• Virheilmoitukset, jotka näkyvät visuaalisesti mutta joita ei ilmoiteta ruudunlukijoille
• Kohdistusta ei hallita oikein lomakkeen lähetysvirheiden jälkeen (käyttäjä ei tiedä, missä virheet ovat)
• Kolmannen osapuolen maksu-iframet, jotka eivät täytä esteettömyysvaatimuksia
• CAPTCHA:t ilman esteetöntä vaihtoehtoa

Vaikuttavin yksittäinen parannus, jonka voit tehdä verkkokaupan esteettömyyteen, on yleensä kassalomakkeen korjaaminen – erityisesti: asianmukaiset selitteet, linkitetyt virheilmoitukset ja oikea kohdistuksen hallinta validoinnin epäonnistuessa.

4. Tilinhallinta ja oston jälkeiset polut

Tilausvahvistus-, seuranta-, palautus- ja tiliasetussivut jäävät usein huomiotta esteettömyysarvioinneissa. Niillä on merkitystä: käyttäjä, joka pystyy viimeistelemään oston mutta ei pysty seuraamaan tilaustaan tai tekemään palautusta, ei ole saanut esteetöntä kokemusta.

PDF-kuitit ja -laskut, joita ei ole merkitty asianmukaisesti, ovat yleisiä virheitä oston jälkeisissä poluissa. Esteettömät PDF-dokumentit vaativat erityistä merkintää ja lukujärjestystä – suunnittelutyökalusta ilman minkäänlaista esteettömyyskäsittelyä viety PDF ei lähes varmasti ole vaatimustenmukainen.

Mitä EAA ei vaadi

Kannattaa selventää muutama asia, joita EAA ei vaadi:

• 100-prosenttista automaattista skannauksen täydellisyyttä – automaattiset työkalut havaitsevat luotettavasti vain 30–40 % WCAG-ongelmista. Täydellinen automaattinen tulos ei tarkoita vaatimustenmukaisuutta, eikä hylätty automaattinen tulos tarkoita, että rikkoisit lakia, jos ongelmat ovat vähäisiä.
• Välitöntä vaatimustenmukaisuutta – organisaatiot, jotka osoittavat vilpittömän pyrkimyksen, esteettömyysselosteen ja dokumentoidun korjaussuunnitelman, ovat merkittävästi paremmassa asemassa kuin ne, jotka eivät ole tehneet mitään.
• Vaatimustenmukaisuutta overlay-widgetistä – “yhden napsautuksen esteettömyys” -overlayn asentaminen ei täytä EAA:ta. Kansalliset täytäntöönpanoviranomaiset ovat tietoisia näistä tuotteista, ja useat EU:n jäsenvaltiot ovat selventäneet, että overlayt eivät muodosta vaatimustenmukaisuutta.

Mistä aloittaa

Jos et ole vielä auditoinut kauppaasi, aloita ymmärtämällä, missä olet.

Ilmainen automaattinen skannaus antaa sinulle välittömän kuvan ilmeisimmistä rikkomuksista – kontrastivirheistä, puuttuvista vaihtoehtoisista teksteistä, selittämättömistä lomakekentistä. Tämä kestää kaksi minuuttia eikä maksa mitään.

Kokonaisvaltaista näkymää varten – mukaan lukien virheet, joita automaattiset työkalut eivät löydä, kuten esteetön näppäimistönavigointi, rikkinäinen kohdistuksen hallinta kassalla ja ruudunlukijan ilmoitusvirheet – tarvitset manuaalista testausta. Vammaisten henkilöiden tekemät esteettömyysauditointimme nostavat esiin esteet, joihin todelliset käyttäjäsi todella törmäisivät.

Aseta etusijalle kassa, tuotesivut ja haku. Korjaa vaikuttavimmat ongelmat ensin. Dokumentoi edistymisesi. Tuo yhdistelmä – auditointi, korjaus, dokumentointi – on EAA-vaatimustenmukaisuuden perusta, joka pitää organisaatiosi täytäntöönpanon edellä sen sijaan, että reagoisit siihen.