EAA · WCAG 2.2 · Verkkokaupan saavutettavuus
Saavutettavuus, joka
konvertoi enemmän käyttäjiä
ja varmistaa vaatimustenmukaisuuden
Saavutettavuus ei ole enää valinnaista verkkokaupassa - se on kasvu- ja riskienhallintastrategia. Saa selkeä tiekartta nykytilasta täyteen WCAG 2.2-vaatimustenmukaisuuteen.
Clutch★★★★★4.8
G2★★★★★4.9
ISO/IEC 27001:2022 sertifioitu
Tekoälyavusteinen testaus
WCAG 2.2-AUDITOINTI
EAA-VAATIMUSTENMUKAISUUS
RUUDUNLUKIJATESTAUS
NÄPPÄIMISTÖNAVIGOINTI
ADA-VAATIMUSTENMUKAISUUS
TEKOÄLYAVUSTEINEN ANALYYSI
MOBIILIN SAAVUTETTAVUUS
KORJAUSTIEKARTTA
WCAG 2.2-AUDITOINTI
EAA-VAATIMUSTENMUKAISUUS
RUUDUNLUKIJATESTAUS
NÄPPÄIMISTÖNAVIGOINTI
ADA-VAATIMUSTENMUKAISUUS
TEKOÄLYAVUSTEINEN ANALYYSI
MOBIILIN SAAVUTETTAVUUS
KORJAUSTIEKARTTA
Miksi saavutettavuus ei voi odottaa
Numerot, jotka vaativat toimia
0
EU-käyttäjistä on riippuvainen saavutettavista digitaalisista kokemuksista
0
käyttäjistä poistuu heti ei-saavutettavilta sivustoilta
0
ongelmista jää havaitsematta pelkillä automaattityökaluilla
€500K
enimmäissakko EAA-rikkomusta kohden - per tapaus
Valvontavaihe - Nyt aktiivinen
EAA on jo voimassa -
mitä tämä tarkoittaa liiketoiminnallesi
Useimpien EU:n verkkokauppayritysten määräaika 28.6.2025 on umpeutunut. Olemme nyt valvontavaiheessa - sääntelyviranomaiset voivat aloittaa tarkastukset ja määrätä sakkoja heti. Jos tuotteesi ei noudata WCAG 2.2:ta, toimit jo lain ulkopuolella.
Määräaika on umpeutunut
28.6.2025 - EAA:n virallinen voimaantulopäivä useimmille verkkokauppa-, pankki-, teleliikenne- ja kuljetuspalveluille. Siirtymäaika on ohi. Seuraavaksi tulevat sakot.
Mikä on pelissä
Sakot jopa 500 000 € rikkomusta kohden, palvelun pakollinen keskeytys ja oikeudenkäynnit käyttäjiltä ja vammaisjärjestöiltä. Jokainen valitus käsitellään erillisenä tapauksena.
Kuinka valvonta toimii
Sääntelyviranomaiset ja edunvalvontaryhmät seuraavat jo aktiivisesti verkkosivuja. Automaattiset indeksoijat, manuaaliset tarkistukset ja käyttäjävalitukset voivat kaikki käynnistää virallisen tutkinnan.
Kuinka suojata itsesi
Paras puolustus on dokumentoitu auditointi ja korjaustiekartta. Vaikka et olisi vielä täysin vaatimustenmukainen, todistettavissa oleva edistyminen vähentää merkittävästi oikeudellista riskiä.
Ensimmäisenä kohdistettavat toimialat
Verkkokauppa & vähittäiskauppa
Pankit & fintech
Teleliikenne
Kuljetus & varaukset
Media & suoratoisto
Verkossa toimivat julkiset palvelut
Todellisia valvontaennakkotapauksia
Domino's Pizza
$4.5M
USA:n korkein oikeus vahvisti kanteen - verkkosivusto ja sovellus olivat saavuttamattomia sokeille käyttäjille. Tapaus avasi saavutettavuuskanteiden aallon verkkokauppayrityksiä vastaan.
ADA · USA
Target Corporation
$6M
Ryhmäkanne saavuttamattomasta verkkosivustosta. Target maksoi 6 M$ sovittelussa ja sitoutui saavuttamaan WCAG-vaatimustenmukaisuuden kolmessa vuodessa.
ADA · USA
EU-valvonta-aalto
2025+
EAA antaa laajemmat valvontavaltuudet kuin ADA. Vuosille 2025–2026 odotetaan EU-sääntelijöiden valitus- ja sakkoaaltoa. USA:n kokemus ennakoi tulevaa.
EAA · EU
Top 5 haastetta, jotka ratkaisemme
Ei-saavutettavien tuotteiden piilotetut riskit
Vaihda Ennen / Jälkeen nähdäksesi mitä tarkalleen löydämme - ja miten korjaamme.
Haaste 01 - Tulot & Lakiasiat
Tulonmenetyksen ja
oikeudellisen altistumisen riski
oikeudellisen altistumisen riski
Kassalle-painikkeet ilman saavutettavia tunnisteita ovat näkymättömiä ruudunlukijoille - estävät hiljaisesti 15–20 % potentiaalisista ostajista päättämästä ostoksen.
shop.example.com/checkout/step-3
🖼alt=""
€129.00
Klikkaa tästä →
⚠ Ei saavutettavaa nimeä · Tyhjä alt
👟alt="Nike…"
€129.00
Siirry kassalle - Vaihe 3/4 →
✓ Merkitty · Alt-teksti · Fokus näkyvissä
Ruudunlukijan tuloste - NVDA + Chrome
Haaste 02 - Vaatimustenmukaisuus
Epäselvä vaatimusten-
mukaisuustilanne
mukaisuustilanne
Ilman lähtötason auditointia et voi kvantifioida EAA-altistumista - eivätkä sääntelijät odota, että selvität missä olet.
dashboard.example.com/accessibility
?
Vaatimustenmukaisuustila: Tuntematon
Lähtötasoa ei ole määritetty · 0 sivua testattu
Testaamattomat sivut (47)
43%
Nykyinen pisteytys
→ 90 % 14 vk
Ruudunlukijan tuloste - NVDA + Chrome
Haaste 03 - Työkalut
Rajallinen näkyvyys
automaattityökaluista
automaattityökaluista
Lighthouse ja axe havaitsevat ~30 % ongelmista. Loput paljastuvat vain manuaalitesteillä oikeilla avustavilla teknologioilla - ruudunlukijat, näppäimistöt, mobiilieleet.
axe DevTools - Scan results
Automaattinen skannaus
3
ongelmaa havaittu
Värikontrastivirhe
2× puuttuva alt-teksti
Tyhjä linkin tunniste
Ei havaittu
~44
ongelmaa jäänyt havaitsematta
Fokusjärjestyksen virheet
Ruudunlukijaloukut
AT-eleesteet
Kognitiiviset ongelmat
47
ongelmaa yhteensä kaikilla menetelmillä
3
Automaattinen (axe / Lighthouse)
28
Manuaalinen WCAG 2.2 -tarkistus
11
AT-testaus (NVDA, VoiceOver)
5
Tekoälyavusteinen analyysi
Ruudunlukijan tuloste - NVDA + Chrome
Haaste 04 - Käyttäjäpolut
Piilotetut aukot oikeissa
käyttäjäpoluissa
käyttäjäpoluissa
Modaalien fokuksenhallintavirheet ovat näkymättömiä skannereille - mutta estävät näppäimistö- ja ruudunlukijakäyttäjiä heti ostoksen viimeistelyssä.
shop.example.com/cart → checkout modal
Logo
Search
Ostoskori (fokus kadonnut)
Footer link
Maksutiedot
✕
Kortin numero
Voimassa
CVV
⚠ Fokus pakenee modaalista - hyppää sivun taustalle
Logo
Search
Cart
Maksutiedot
✕ Sulje (Esc)
Kortin numero
Voimassa
CVV
Tab-järjestys:
1. Sulje
2. Kortti
3. Voim.
4. CVV
5. Maksa
Ruudunlukijan tuloste - NVDA + Chrome
Haaste 05 - Korjaus
Vaikeasti korjattavat ongelmat
sisäisille tiimeille
sisäisille tiimeille
Epäselvät kuvaukset aiheuttavat sekaannusta kehittäjille, uudelleenavattuja tikettejä ja hukattua sprintin aikaa. Jokainen raporttimme havainto on heti toimittavissa.
jira.example.com/browse/ACC-47
ACC-47 - Saavutettavuusongelma
Prioriteetti: ?
Painike ei ole saavutettava. Kassa-painike ei toimi kunnolla ruudunlukijakäyttäjille. Korjatkaa.
Ei WCAG-viittausta · Ei koodiesimerkkiä
ACC-47 - WCAG 4.1.2 · Nimi, Rooli, Arvo
P1 - Kriittinen
// Ennen - ei saavutettavaa nimeä:
<button onclick="checkout()">→</button>
// Korjaus - lisää aria-label:
<button aria-label="Proceed to checkout, step 3 of 4">→</button>
Vaikutus: 100 % kassavirrasta · Arvio: 15 min
Ruudunlukijan tuloste - NVDA + Chrome
Ilmainen saavutettavuusskannaus
Tarkista saavutettavuuden
kattavuus nyt
kattavuus nyt
Käynnistä sivustosi ilmainen skannaus ja tunnista mahdolliset aukot keskeisissä käyttäjäpoluissa. Käytä lähtökohtana ennen täyttä WCAG 2.2-auditointia.
Ei sitoumusta · Alle 2 minuuttia · Tulokset heti
| Tarkastus | Auto-skannaus | Täysi auditointi | Huomautus |
|---|---|---|---|
| Puuttuvat alt-attribuutit kuvissa | Työkalut havaitsevat helposti puuttuvat attribuutit HTML:stä. | ||
| Alt-tekstin laatu ja merkitys | Työkalut eivät voi arvioida, kuvaako alt-teksti kuvaa oikein tai välittääkö merkityksellistä kontekstia. | ||
| Värikontrasti-ongelmat | Työkalut laskevat kontrastisuhteet, mutta asiantuntijat varmistavat luettavuuden todellisessa UI-kontekstissa. | ||
| Looginen otsikkorakenne (H1–H6) | Työkalut havaitsevat rakenneongelmia, mutta asiantuntijat arvioivat, edustavatko otsikot loogisesti sisällön rakennetta. | ||
| Kaksoisidentiteetit HTML:ssä | Staattinen koodianalyysi havaitsee kaksoisidentiteetit luotettavasti. | ||
| Sivun kieliattribuutti (lang) | Työkalut havaitsevat kieliattribuuttien läsnäolon; asiantuntijat varmistavat arvon oikeellisuuden. | ||
| Lomakekenttien oikea merkintä | Työkalut tarkistavat tunnisteiden läsnäolon; asiantuntijat varmistavat, että ne ovat ymmärrettäviä ja merkityksellisiä käyttäjille. | ||
| Lomakkeen virheilmoitusten käytettävyys | Vain asiantuntijat voivat arvioida, ovatko virheilmoitukset selkeitä, hyödyllisiä ja toimintakelpoisia käyttäjille. | ||
| Näppäimistönavigointi (pöytäkone) | Työkalut eivät voi simuloida realistista näppäimistönavigointia interaktiivisten komponenttien läpi. | ||
| Looginen sarkainjärjestys | Asiantuntijat varmistavat, että fokus liikkuu loogisessa ja intuitiivisessa järjestyksessä todellisessa käytössä. | ||
| Näppäimistöloukut | Vaatii manuaalisen vuorovaikutuksen varmistaakseen, että käyttäjät voivat poistua elementeistä näppäimistöllä. | ||
| Fokuksen näkyvyys | Asiantuntijat varmistavat, että fokusindikaattorit pysyvät näkyvinä ja käytettävinä eri UI-tiloissa. | ||
| Ruudunlukijatestaus (NVDA / JAWS / VoiceOver) | Vaatii todelliset avustavat teknologiat oikeiden ilmoitusten ja käytettävyyden vahvistamiseksi. | ||
| Oikeat ruudunlukijailmoitukset | Asiantuntijat varmistavat, ilmoitetaanko elementit merkityksellisellä ja ymmärrettävällä kontekstilla. | ||
| Dynaamisen sisällön ilmoitukset (ARIA live -alueet) | Asiantuntijat varmistavat, ilmoittavatko ruudunlukijat dynaamiset päivitykset oikein. | ||
| ARIA-syntaksivirheet | Työkalut voivat havaita virheelliset ARIA-attribuutit koodissa. | ||
| ARIA käytetty oikein kontekstissa | Asiantuntijat arvioivat, parantavatko ARIA-roolit tosiasiallisesti saavutettavuutta ja käytettävyyttä. | ||
| Monimutkaisten komponenttien saavutettavuus (modaalit, avattavat valikot, päivämäärävalitsimet) | Työkalut eivät voi täysin analysoida interaktiivisten komponenttien käyttäytymistä. | ||
| Navigointivalikoiden saavutettavuus | Vaatii näppäimistönavigoinnin testausta ja ruudunlukijan tulkinnan arviointia. | ||
| Oikeiden käyttäjäpolkujen saavutettavuus (sisäänkirjautuminen, kassa, lomakkeet) | Työkalut skannaavat sivuja yksittäin mutta eivät voi vahvistaa täysiä polkuja käyttöliittymän läpi. | ||
| Mobiililaitteen ruudunlukijatestaus (VoiceOver / TalkBack) | Vaatii todelliset laitteet ja avustavat teknologiat käytettävyyden vahvistamiseksi. | ||
| Mobiililaitteen zoomin käytettävyys (200–400%) | Asiantuntijat varmistavat, että asettelu ja sisältö pysyvät käytettävinä zoomauksen aikana. | ||
| Pinch-to-zoom-käyttäytyminen | Työkalut eivät voi simuloida todellisia mobiilieleitä ja responsiivista asettelua. | ||
| Kosketuskohteiden koko ja etäisyys | Asiantuntijat varmistavat, että kosketuskohteet ovat miellyttäviä ja saavutettavia mobiilikäyttäjille. | ||
| Mobiilieleiden saavutettavuus | Vaatii eleiden testaamisen ja saavutettavien vaihtoehtojen vahvistamisen. | ||
| Mobiilinavigoinnin käytettävyys | Asiantuntijat arvioivat, pysyykö navigointi käytettävänä mobiililaitteilla. | ||
| Orientaation tuki (pysty / vaaka) | Vaatii laitetestausta vahvistaakseen, että asettelu toimii molemmissa orientaatioissa. | ||
| Todellinen saavutettavuuskokemus | Vain asiantuntijatestit voivat arvioida todellisen saavutettavuuskokemuksen. | ||
Prosessi
Näin se toimii
Neljä vaihetta ensimmäisestä yhteydenotosta täyteen vaatimustenmukaisuuden tiekarttaan.
01
Discovery Call
Aloitamme discovery callilla ymmärtääksemme tuotteesi, keskeiset käyttäjäpolut ja vaatimustenmukaisuusvaatimukset.
02
Rajaus & tarjous
Discoveryn oivallusten perusteella laadimme yksityiskohtaisen tarjouksen saavutettavuuden rajauksen, riskien ja aikataulun kera.
03
Täysi WCAG 2.2-auditointi
Syvällinen testaus webissä ja mobiilissa - automaattinen, tekoälyavusteinen, skenaariot avustavilla teknologioilla ja manuaalinen WCAG-vahvistus.
04
Raportti & tiekartta
Kattava WCAG-vaatimustenmukaisuusraportti pistemäärällä, priorisoiduilla havainnoilla (P0–P3) ja selkeillä suosituksilla tiimillesi.
Toimitettava
Mitä saat
Mitä saat
täydestä auditoinnista
01
Nykyinen saavutettavuuden vaatimustenmukaisuuspisteet
02
Saavutettavuuden kattavuuskartta sivu- ja virtatasolla
03
Priorisoidut havainnot (P0–P3) liiketoimintavaikutuksineen
04
Selkeä tiekartta WCAG 2.2-vaatimustenmukaisuuteen (EAA / ADA)
05
Korjausohjeet esimerkkeineen tiimillesi
Saa esimerkkiraportti
Kokonaiskattavuus0%
Raportti lähetetty!
Lähetimme esimerkkiraportin osoitteeseen . Sen pitäisi saapua minuutin sisällä - tarkista myös Roskaposti tai Mainokset varmuuden vuoksi.
Liiketoimintavaikutus
Todellisia tuloksia, jotka liiketoimintasi tuntee
Korjausten jälkeen
>90%
Saavutettavuuden kattavuus suosittelemiemme korjausten jälkeen - vahvistettu uudelleentestauksella
0
Enemmän ongelmia havaittu verrattuna pelkkiin automaattityökaluihin
+15–20%
Laajenna saavutettavaa yleisöä avustavien teknologioiden käyttäjillä
↑ CVR
Nosta konversiota poistamalla kassan ja UX:n esteet
↓ Riski
Vähennä oikeudellista altistumista EAA/ADA-sakoille
Lisäarvo
Kaikki mitä tarvitset auditoinnin lisäksi
🔁
Uudelleentestaus korjausten jälkeenVarmista, että korjaus todella ratkaisi ongelmat - eikä vain paperilla
💻
Kehitysvalmiit suosituksetKoodipitoiset ohjeet valmiina insinööreillesi toteutettavaksi suoraan
⚙️
CI/CD-putken integrointiAutomatisoidut saavutettavuustestit julkaisuputkessasi regressioiden havaitsemiseksi ajoissa
🛡️
Jatkuvat julkaisua edeltävät tarkistuksetEstä saavutettavuusregressioita pääsemästä tuotantoon keskeisissä käyttäjävirroissa
FAQ
Yleiset kysymykset vastattuina
Kaikki mitä tarvitset päättääksesi, onko saavutettavuus-auditointi sinulle sopiva.
Lighthouse ja axe ovat erinomaisia työkaluja, mutta ne havaitsevat vain ~30 % todellisista saavutettavuusongelmista. Tässä mitä ne jäävät huomaamatta:
- Fokuslogiikan virheet näppäimistönavigoinnissa monimutkaisissa UI-komponenteissa
- Ruudunlukijavirheet dynaamisessa sisällössä (modaalit, live-alueet, ilmoitukset)
- Saavutettavuusesteet oikeissa käyttäjäpoluissa - esim. 6-vaiheinen kassavirta
- Kognitiivinen saavutettavuus ja sisällön ymmärrettävyys
- Kosketuseleet ja vuorovaikutukset mobiililaitteissa
Automatisoidut testit ovat ensimmäinen puolustuslinja, eivät täysi auditointi. EAA-vaatimustenmukaisuus vaatii manuaalista vahvistusta oikeilla avustavilla teknologioilla.
Kesto riippuu tuotteen koosta ja käyttäjäpolkujen määrästä. Tyypilliset arviot:
- Discovery call + rajaus: 1–2 päivää
- Täysi WCAG 2.2-auditointi (keskiverto verkkokauppa): 2–3 viikkoa
- Raportin valmistelu + tiekartta: 3–5 työpäivää
Yhteensä: 3–5 viikkoa kick-offista loppuraporttiin. MVP:ille tai rajatulle laajuudelle - nopeammin. Tarkat aikataulut sovitaan discovery callissa.
EAA koskee useimpia yrityksiä, mutta mikroyrityksille on vapautus.
European Accessibility Actin mukaan (EU-direktiivi 2019/882):
Mikroyritykset (alle 10 työntekijää TAI vuotuinen liikevaihto / tase alle 2 M€) on vapautettu EAA-vaatimuksista yksityisten palveluntarjoajien osalta.
Kuitenkin: jos tarjoat palveluja EU-asiakkaille - myös EU:n ulkopuolisena yrityksenä - ja ylität nämä kynnykset, EAA koskee sinua.
Mikroyritykset (alle 10 työntekijää TAI vuotuinen liikevaihto / tase alle 2 M€) on vapautettu EAA-vaatimuksista yksityisten palveluntarjoajien osalta.
Kuitenkin: jos tarjoat palveluja EU-asiakkaille - myös EU:n ulkopuolisena yrityksenä - ja ylität nämä kynnykset, EAA koskee sinua.
Vaikka olet teknisesti vapautettu, saavutettavuus = suurempi yleisö + parempi UX. 15–20 %:lla potentiaalisista asiakkaista on vamma. Kyse ei ole pelkästään vaatimustenmukaisuudesta - se on liiketoimintamahdollisuus.
WCAG 2.2 on nykyinen web-saavutettavuuden standardi, julkaistu lokakuussa 2023. Se lisää 9 uutta menestyskriteeriä WCAG 2.1:een, mukaan lukien:
- Focus Appearance - näkyvät fokusindikaattorit näppäimistökäyttäjille
- Dragging Movements - vaihtoehdot raahaus- ja pudotustoiminnoille
- Target Size - klikkaus-/napautuskohteen vähimmäiskoko (24×24 px)
- Consistent Help - ohjeiden johdonmukainen sijoittelu
- Redundant Entry - älä pyydä käyttäjiä syöttämään jo annettuja tietoja uudelleen
EAA vaatii WCAG 2.2 tason AA vaatimustenmukaisuutta. Jos viimeisin auditointisi on ennen vuotta 2023 - se on jo vanhentunut.
Et saa vain listaa havainnoista - vaan täyden toimeenpantavan tiekartan:
- Jokainen havainto numeroitu ja priorisoitu P0–P3
- Selkeä kuvaus: missä löytyi, mikä sääntö rikkoutui, mikä WCAG-kriteeri
- Ruudunkaappaukset ja ruudunlukija-toistotallenteet
- Koodipitoiset korjaussuositukset esimerkkeineen
- Liiketoimintavaikutuksen arvio jokaiselle havainnolle
Dev-tiimisi voi ottaa tehtävät heti työn alle - lisätarkennuksia ei tarvita.
Pyydä täysi auditointi
Kerro projektistasi. Vastaamme 24 tunnin sisällä.