WCAG 2.2 -saavutettavuus: mitä suomalaisten yritysten on tehtävä
WCAG 2.2 ja esteettömyysdirektiivi, käytännön opas
EU:n esteettömyysdirektiivi (EAA) astui voimaan 28.6.2025. Suomessa se toteutetaan saavutettavuuslailla. Moni pk-yrittäjä olettaa, että se koskee vain julkishallintoa, niin ei enää ole.
Kenen on noudatettava
EAA kattaa yksityiset yritykset, jotka:
- Myyvät kuluttajille digitaalisesti (verkkokauppa)
- Tarjoavat pankki-, maksu- tai liikennepalveluita verkossa
- Yli 10 työntekijää tai €2M liikevaihto (mikroyritykset pääosin vapautettu)
Jos pyörität verkkokauppaa, varausjärjestelmää tai mitä tahansa kuluttajille suunnattua digipalvelua Suomessa etkä ole mikroyritys, olet alueella.
Julkishallinnon sivustojen on pitänyt noudattaa vuodesta 2019 vanhemman digipalvelulain perusteella.
Mitä WCAG 2.2 oikeasti vaatii
WCAG (Web Content Accessibility Guidelines) 2.2 Level AA on oikeudellinen vertailutaso. 9 uutta menestyskriteeriä versiossa 2.2:
- Fokus ei peity (vähimmäis), näppäimistöfokuksen on oltava ainakin osittain näkyvissä
- Fokuksen ulkoasu, fokusilmaisimilla riittävä kontrasti
- Vetoliikkeet, vaihtoehto vetämiselle missä tahansa raahattavassa
- Kohteen koko (vähimmäis), kosketuskohteet ≥ 24×24 CSS-pikseliä
- Yhtenäinen apu, apulinkit samassa paikassa sivuilta toiselle
- Tarpeeton syöttö, älä kysy samaa tietoa kahdesti
- Saavutettava todennus (vähimmäis), ei kognitiivisia testejä kirjautumiseen
- Saavutettava todennus (laajennettu), ei poikkeuksia kognitiivisille testeille
- Fokus ei peity (laajennettu), fokus täysin näkyvissä
Päälle kaikki WCAG 2.1 -vaatimukset: värikontrasti, alt-tekstit, näppäimistönavigaatio, ARIA-tarrat, semanttinen HTML, lomakemerkinnät jne.
Sanktiot
Suomessa valvoo Etelä-Suomen aluehallintovirasto (AVI). Seuraamukset skaalautuvat yrityksen koon ja haitan mukaan:
- Varoitukset ja määräykset ensikertaisille rikkomuksille
- Uhkasakot: €1 000–€50 000+ per laiminlyönti
- Vahingonkorvausvaateet vaikutetuilta käyttäjiltä
- Mainehaitta: AVI julkaisee laiminlyöntipäätökset
Suurempi riski ei ole sakko, vaan julkinen nimeäminen yrityksenä, joka sulki vammaiset käyttäjät ulos. Ja niiden 10–15% asiakkaiden menettäminen, joilla on jonkinlainen saavutettavuustarve.
Käytännön auditointilista (1 h)
Tee tämä omalle sivustollesi nyt:
- Tabita koko etusivu pelkällä näppäimistöllä. Pääsetkö jokaiseen linkkiin, painikkeeseen, lomakekenttään? Onko fokus näkyvissä joka pysähdyksellä?
- Aja WAVE tai axe DevTools (ilmaiset selainlaajennukset). Korjaa kaikki virheet ja useimmat varoitukset.
- Tarkista värikontrasti leipätekstissä, linkeissä, painikkeissa. Käytä WebAIM Contrast Checkeriä. Leipätekstille 4,5:1; suurelle tekstille 3:1.
- Lisää alt-teksti jokaiseen kuvaan. Koristeellisille `alt=""`. Informatiivisille mielekkäät kuvaukset.
- Merkitse jokainen lomakekenttä. Näkyvät tarrat parempia kuin pelkkä placeholder.
- Lisää `lang="fi"` html-elementille (tai oikea kieli).
- Testaa ruudunlukijalla. macOS VoiceOver (Cmd+F5) tai Windows Lukija. Kuuntele etusivun lukeminen.
- Tarkista kosketuskohteet mobiilissa. Alle 24×24 px painikkeet (mieluiten 44×44 px) ovat liian pieniä.
- Julkaise saavutettavuusseloste. Lain vaatima. Pohja saavutettavuusvaatimukset.fi-sivustolla.
Pikavoitot teknologiapinoittain
WordPress:
- Käytä saavutettavuus-ready -teemoja (suodatin teemahakemistossa)
- Vältä useimpia sivurakentajia — ne luovat saavutettavuusongelmia oletuksena
- Asenna "Accessibility Checker" -plugin
Shopify:
- Käytä Polaris-pohjaista teemaa (Dawn, Sense, Refresh)
- Tarkista Accessibility-sovellukset App Storessa
- Testaa checkout-flow erityisesti — siellä ongelmat piiloutuvat
Custom React/Next.js:
- Käytä semanttista HTML:ää, ei div-kaikkialla
- React-Aria, Radix UI tai Headless UI saavutettaviin komponentteihin
- Aja axe-core CI/CD-pipelinessä
- Testaa jest-axella yksikkötesteissä
Mikä EI ole oikea ratkaisu
- "Saavutettavuusoverlayt" (UserWay, AccessiBe). Nämä widgetit väittävät korjaavansa saavutettavuuden automaattisesti. Eivät korjaa — ja niistä on nostettu oikeusjuttuja harhaanjohtavista väitteistä. Rakenna saavutettavuus sivustoon, älä liimaa päälle.
- "Korjataan jos joku valittaa." EAA vaatii ennakoivaa noudattamista, ei reaktiivista.
Milloin palkata apua
10–20-sivuiselle sivustolle saavutettavuusauditointi maksaa €500–€1 500. Korjaustyöt €1 000–€5 000 löydösten mukaan. Vuosittainen uusinta-audit €300–€500. Halvempi kuin yksi sakko.
Jos olet EAA:n piirissä etkä ole vielä auditoinut, tee 1 h itse-audit tällä viikolla. Useimmat ongelmat korjataan päivässä. Mitä pidempään odotat, sitä kalliimpaa on jälkikäteen korjata.
Julkaistu · Bluefour-tiimi
Bluefour – Digitoimisto Helsinki | hello@bluefour.fi | +358 45 850 4236