Saavutettava verkkosivusto: mikä on nyt pakollista ja miten sinne pääsee
Kesäkuusta 2025 alkaen EU:ssa on ollut voimassa saavutettavuusvelvoite suurelle osalle digitaalisesti tarjottavia tuotteita ja palveluja. Useimmille yrityssivustoille se tarkoittaa vähemmän työtä kuin pelätään – kymmenen toimenpidettä kattaa suurimman osan.
Tärkeimmät kohdat
- Velvoite koskee EU:ssa ennen kaikkea toimijoita, jotka myyvät digitaalisesti kuluttajille – pelkät yritysasiakastarjoomat ja mikroyritykset ovat osin rajattu ulkopuolelle.
- Mittapuuna ovat WCAG-ohjeet tasolla AA. Kuulostaa isolta, mutta tavallisella yrityssivustolla se on saavutettavissa muutamassa päivässä.
- Kymmenen toimenpidettä kattaa suurimman osan – useimmat niistä ovat joka tapauksessa hyvää käytäntöä.
- Automaattiset tarkistustyökalut löytävät vain osan ongelmista. Loppu vaatii tarkistuksen näppäimistöllä ja ruudunlukuohjelmalla.
Ketä se koskee
28. kesäkuuta 2025 alkaen EU:ssa on sovellettu esteettömyysdirektiiviä (European Accessibility Act), joka on saatettu osaksi kansallista lainsäädäntöä – Saksassa saavutettavuuden vahvistamislakina. Se koskee digitaalisesti tarjottavia tuotteita ja palveluja kuluttajille.
| Tapaus | Koskeeko? |
|---|---|
| Verkkokauppa kuluttajille | kyllä |
| Varaus- tai ajanvarauspolku kuluttajille | kyllä |
| Pelkkä yritysasiakaspalvelu | pääsääntöisesti ei |
| Pelkkä tietosivusto ilman myyntiä | pääsääntöisesti ei |
| Mikroyritys palveluiden osalta | osin rajattu ulkopuolelle |
| Julkiset toimijat | kyllä, jo aiemmin |
Sveitsissä on voimassa vammaisten yhdenvertaisuuslaki, ja se velvoittaa ennen kaikkea julkisia toimijoita. Se, joka kuitenkin toimittaa kuluttajille EU:hun, kuuluu tämän tarjooman osalta EU-sääntelyn piiriin – kysymys nousee siis myös sveitsiläisillä yrityksillä, joilla on EU-liiketoimintaa.
Kymmenen toimenpidettä
Järjestetty vaikutuksen ja vaivan suhteen mukaan. Viisi ensimmäistä kattaa kokemuksen mukaan suurimman osan huomautuksista.
1. Vaihtoehtoiset tekstit kuville
Kuvaa, mitä kuva asiayhteydessä merkitsee – ei sitä, mitä siinä näkyy. Puhtaasti koristeelliset kuvat saavat tyhjän attribuutin, jotta ne ohitetaan.
2. Kontrastin tarkistus
Vähintään 4,5:1 tavallisella tekstillä, 3:1 suurella. Koskee erityisesti harmaita aputekstejä ja vaaleita merkintöjä värillisillä pinnoilla.
3. Kaikki saavutettavissa näppäimistöllä
Jokaisen toiminnon on oltava käytettävissä ilman hiirtä, järkevässä järjestyksessä, ilman kohtaa johon jää jumiin. Koskee ennen kaikkea valikoita, päällekkäisikkunoita ja lomakkeita.
4. Näkyvä kohdistus
Missä näppäimistön kohdistus juuri nyt on? Selvästi näkyvä kehys. Yleisin virhe on tyylitiedostossa oleva outline: none, jota ei ole koskaan korvattu.
5. Nimetyt lomakekentät
Jokainen kenttä tarvitsee siihen kytketyn label-elementin. Paikkamerkkiteksti ei riitä – se katoaa kirjoitettaessa eikä sitä lueta kaikkialla ääneen.
6. Otsikot järjestyksessä
Yksi H1, sen alla H2, sen alla H3 – ilman hyppyjä. Ruudunlukuohjelmat navigoivat niiden avulla; sivua ilman rakennetta ei siis voi silmäillä.
7. Kielen merkintä
<html lang> versiokohtaisesti, vieraskieliset jaksot erikseen merkittyinä. Ilman tätä tietoa teksti luetaan ääneen väärällä ääntämyksellä.
8. Puhuvat linkkitekstit
«Lue lisää» viisi kertaa samalla sivulla on käyttökelvoton, jos linkit luetaan ääneen yksittäin. Linkkitekstin on oltava ymmärrettävä yksinään.
9. Suurennus 200 prosenttiin
Suurennettaessa mitään ei saa leikkautua pois tai kadota. Koskee ennen kaikkea kiinteitä korkeuksia ja päällekkäisikkunoita.
10. Virheilmoitukset tekstinä
Punaisella kehystetty kenttä ei riitä – virheen on oltava tekstinä sen vieressä ja kerrottava, mitä pitää tehdä. Väri yksin ei saa koskaan olla ainoa tieto.
Tiesitkö?
Yhdeksän kymmenestä toimenpiteestä parantaa samalla löydettävyyttä. Otsikkohierarkia, vaihtoehtoiset tekstit, puhuvat linkkitekstit ja merkitty kieli ovat samoja asioita, joita myös hakukoneet ja vastauskoneet tarvitsevat.
Se ei ole sattumaa: ruudunlukuohjelma ja indeksointirobotti ovat saman ongelman edessä – ne eivät näe sivua, ne lukevat sen rakenteen. Se, joka rakentaa toista varten, on hoitanut toisen suurelta osin samalla.
Tarkistaminen – ja mitä työkalut eivät löydä
Automaattiset tarkistustyökalut löytävät vallitsevan arvion mukaan vain osan todellisista ongelmista. Mitä ne löytävät luotettavasti: puuttuvat vaihtoehtoiset tekstit, liian heikot kontrastit, puuttuvat kenttänimet, kielimerkinnän.
Mitä ne eivät voi löytää:
- Onko vaihtoehtoinen teksti järkevä. «Kuva1.jpg» läpäisee tarkistuksen.
- Onko näppäimistöjärjestys looginen. Olemassa kyllä, järkevä ei.
- Vangitseeko päällekkäisikkuna kohdistuksen. Havaittavissa vain testaamalla.
- Vastaako lukujärjestys merkitystä. Vaatii oikean ruudunlukuohjelman.
Nopein puhuva testi kestää kymmenen minuuttia eikä vaadi työkalua: laita hiiri sivuun ja käytä sivustoa vain sarkain-, enter- ja nuolinäppäimillä. Avaa etusivu, navigoi yhteydenottolomakkeeseen, täytä se, lähetä.
Kaksi asiaa pistää tällöin lähes aina silmään: kohdistus on useassa kohdassa näkymätön, ja johonkin valikkoon tai päällekkäisikkunaan pääsee sisään mutta ei enää ulos. Molemmat ovat vakavia virheitä, kumpaakaan automaattiset tarkistukset eivät ilmoita, ja molemmat on korjattu alle tunnissa.
Saavutettavuusseloste
Velvoitettujen toimijoiden on esitettävä, miten heidän tarjoomansa täyttää vaatimukset. Siihen kuuluvat:
- Toteutuksen tila – myös avoimesti nimetyt puutteet.
- Yhteydenottotapa esteitä koskevaa palautetta varten.
- Viimeisimmän tarkistuksen päivämäärä.
Rehellinen seloste, jossa puutteet on nimetty ja aikataulu kerrottu, on tällöin parempi kuin sellainen, joka väittää täydellistä vaatimustenmukaisuutta, jota tarkastus ei vahvistaisi.
Auta minua arvioimaan, mitä verkkosivustollemme on tehtävä saavutettavuuden osalta. Tilanteemme: - Mitä tarjoamme: [Tarjooma] - Myymmekö digitaalisesti kuluttajille? [kyllä / ei / osittain] - Markkinat: [Maat] - Työntekijät ja vuosiliikevaihto: [Tieto] - Sivuston vuorovaikutteiset osat: [lomakkeet, varaus, kauppa, konfiguraattori, kirjautuminen] - Mitä olemme jo toteuttaneet: [ranskalaiset viivat] Tehtävät: 1. Arvioi, koskeeko EU-velvoite tarjoomaamme ja mitä osia siitä. Nimeä ne kohdat, jotka ehdottomasti vaativat asiantuntijan arvion. 2. Nimeä kymmenestä vakiotoimenpiteestä ne, jotka ovat meidän vuorovaikutteisissa osissamme tärkeimmät, ja perustele. 3. Muotoile tarkistuslista sivustomme näppäimistötestiä varten: mitkä polut käymme läpi ja mihin kiinnitämme huomiota. 4. Kerro, mitä automaattiset tarkistustyökalut eivät meidän tapauksessamme todennäköisesti löytäisi. 5. Laadi saavutettavuusselosteen jäsennys paikanpitäjineen omaa tilaamme varten. Älä keksi pykäliä, määräaikoja tai sakkojen suuruuksia.
Johtopäätös
Tavalliselle yrityssivustolle AA-tason saavutettavuus ei ole suurhanke: kymmenen toimenpidettä, joista useimmat ovat joka tapauksessa hyvää käytäntöä, kattaa suurimman osan – vaivaa muutaman päivän verran.
Tehokkain askel ei maksa mitään: laita hiiri sivuun ja käytä omaa sivustoasi kerran näppäimistöllä. Mitään siinä esiin tulevaa ei löydä yksikään automaattinen työkalu – ja ne ovat useimmiten vakavimpia virheitä.
Usein kysytyt kysymykset
Ketä saavutettavuusvelvoite koskee?
EU:ssa 28. kesäkuuta 2025 alkaen ennen kaikkea toimijoita, jotka myyvät digitaalisesti kuluttajille – verkkokauppoja sekä varaus- ja ajanvarauspolkuja. Pelkät yritysasiakastarjoomat ja pelkät tietosivustot eivät pääsääntöisesti kuulu piiriin, mikroyritykset on palveluiden osalta osin rajattu ulkopuolelle. Julkiset toimijat olivat velvoitettuja jo aiemmin.
Koskeeko tämä myös sveitsiläisiä yrityksiä?
Sveitsissä vammaisten yhdenvertaisuuslaki velvoittaa ennen kaikkea julkisia toimijoita. Se, joka kuitenkin toimittaa kuluttajille EU:hun, kuuluu tämän tarjooman osalta EU-sääntelyn piiriin – kysymys nousee siis myös sveitsiläisillä yrityksillä, joilla on EU-liiketoimintaa.
Mitkä toimenpiteet tuottavat eniten?
Viisi kattaa suurimman osan huomautuksista: järkevät vaihtoehtoiset tekstit kuville, riittävä kontrasti (4,5:1 tavallisella tekstillä), täysi näppäimistökäytettävyys, näkyvä kohdistuskehys ja nimetyt lomakekentät kytkettyine label-elementteineen pelkän paikkamerkkitekstin sijaan.
Riittävätkö automaattiset tarkistustyökalut?
Eivät, ne löytävät vain osan ongelmista. Luotettavasti ne tunnistavat puuttuvat vaihtoehtoiset tekstit, heikot kontrastit ja puuttuvat kenttänimet. Ne eivät pysty tunnistamaan, onko vaihtoehtoinen teksti järkevä, kulkeeko näppäimistöjärjestys loogisesti tai vangitseeko päällekkäisikkuna kohdistuksen.
Auttaako saavutettavuus myös näkyvyyttä?
Kyllä, yhdeksän kymmenestä vakiotoimenpiteestä hyödyttää suoraan löydettävyyttä. Otsikkohierarkia, vaihtoehtoiset tekstit, puhuvat linkkitekstit ja merkitty kieli ovat samoja asioita, joita hakukoneet ja vastauskoneet tarvitsevat – ruudunlukuohjelma ja indeksointirobotti lukevat molemmat rakennetta eivätkä kuvaa.
Markkinointi, joka pystyttää itsensä
Studio Enginen beta on auki. Varaa paikkasi ja ole mukana alusta asti.
Osallistu betaan →