Verkkosivujen saavutettavuus tarkoittaa, että sivusto toimii kaikille käyttäjille - myös heikkonäköisille, ruudunlukijaa käyttäville ja niille, jotka liikkuvat sivulla pelkällä näppäimistöllä. Kesäkuusta 2025 alkaen EU:n esteettömyysdirektiivi on vaatinut saavutettavuutta myös monilta yksityisiltä yrityksiltä, esimerkiksi kuluttajille suunnatuilta verkkokaupoilta. Puhtaasti yrityksille myyvää sivustoa laki ei useimmiten suoraan koske, mutta saavutettavuus kannattaa silti - se on samalla parempaa käytettävyyttä jokaiselle asiakkaallesi.
Saavutettavuuden mittapuuna käytetään WCAG-ohjeistusta, ja vaatimustasona on yleensä sen AA-taso. Nimi kuulostaa tekniseltä, mutta suurin osa vaatimuksista on ihan tavallista huolellista tekemistä.
Käytännössä kyse on esimerkiksi näistä: tekstin ja taustan välillä on riittävä kontrasti, kuvilla on tekstivastineet eli alt-tekstit, sivustoa voi käyttää pelkällä näppäimistöllä, lomakkeet kertovat selkeästi mikä meni pieleen, ja otsikot muodostavat loogisen hierarkian. Eli asioita, jotka hyvin tehdyllä sivustolla ovat muutenkin kunnossa.
Näen viikoittain sivustoja, joissa vaaleanharmaata tekstiä on valkoisella pohjalla ja linkit erottuvat tekstistä vain hiuksenhienolla värierolla. Se ei ole tyylikästä vaan lukukelvotonta - ja aivan tavallinen silmäparikin väsyy siihen.
Julkista sektoria saavutettavuusvaatimukset ovat koskeneet jo vuosia. Kesäkuussa 2025 sovellettavaksi tullut esteettömyysdirektiivi laajensi vaatimukset osaan yksityisistä palveluista: muun muassa kuluttajille suunnattuihin verkkokauppoihin sekä pankki-, liikenne- ja viestintäpalveluihin.
Nyrkkisääntö menee näin: jos myyt verkossa tuotteita tai palveluita kuluttajille, vaatimukset todennäköisesti koskevat sinua. Jos sivustosi on puhtaasti yritysasiakkaille suunnattu esittelysivusto ilman verkkokauppaa, laki ei useimmiten ulotu siihen suoraan. Rajatapaukset kannattaa varmistaa - en ole juristi, mutta pääsäännöt ovat tämän verran selvät.
Lakia isompi syy on kuitenkin arkinen: saavutettava sivusto palvelee jokaista kävijää. Selkeät tekstit, toimivat lomakkeet ja luettava ulkoasu eivät ole erityisryhmien palvelua vaan hyvää asiakaspalvelua.
Sama lyhyt lista toistuu sivustolta toiselle. Liian heikot kontrastit, koska vaalea harmaa "näyttää modernilta". Kuvat ilman alt-tekstejä, jolloin ruudunlukija hyppää niiden yli tyhjän päälle. Linkkitekstit tyyliin "klikkaa tästä", joista ei ymmärrä minne joutuu. Lomakkeet, jotka ilmoittavat virheestä pelkällä punaisella värillä - värisokea ei näe koko ilmoitusta.
Mobiilissa listaan lisätään vielä liian pieni fonttikoko ja napit, joihin ei osu sormella. Mikään näistä ei ole vaikea korjata - ne ovat halpoja suunnitteluvaiheessa ja hankalia vasta jälkikäteen paikattuina.
Halvin hetki hoitaa saavutettavuus on sivustouudistus. Kun värit, fontit, rakenne ja sisältö tehdään kerralla oikein, saavutettavuus ei ole erillinen projekti vaan osa normaalia työtä. Jälkikäteen paikkailu on aina kalliimpaa, koska silloin puretaan valmiita ratkaisuja.
Uudistuksessa saavutettavuus jakautuu kolmeen kohtaan. Suunnittelussa valitaan riittävät kontrastit ja fonttikoot. Rakenteessa huolehditaan otsikkohierarkiasta ja siitä, että sivusto toimii näppäimistöllä. Sisällössä kirjoitetaan alt-tekstit ja linkkitekstit, joista ymmärtää minne ne vievät - "lue lisää" ei kerro kenellekään mitään. Olen avannut uudistuksen kokonaisuutta artikkelissa mitä sivustouudistukseen kuuluu.
Sisällön puolella saavutettavuus nivoutuu suoraan teksteihin: selkeä kieli ja looginen rakenne auttavat kaikkia lukijoita. Siitä kirjoitin tarkemmin artikkelissa verkkosivujen tekstit.
Uudistuksen osana perustason saavutettavuus ei maksa käytännössä mitään ylimääräistä - se on työtapa, ei lisäpalvelu. Hoidan kontrastit, rakenteen ja alt-tekstit jokaisessa projektissa ilman erillistä riviä tarjouksessa.
Jälkikäteen tilanne on toinen. Valmiin sivuston saavutettavuusauditointi ja korjaukset voivat maksaa tuhansia euroja, koska työ tarkoittaa olemassa olevan purkamista ja uudelleen rakentamista. Jos sivustosi on muutenkin uudistuksen tarpeessa, fiksuinta on hoitaa molemmat kerralla - merkit uudistustarpeesta listasin artikkelissa milloin verkkosivut kannattaa uudistaa.
Jos mietit, missä kunnossa sivustosi saavutettavuus on tai koskeeko direktiivi yritystäsi, ota yhteyttä, niin käydään tilanteesi läpi. Kartoituskeskustelu ei maksa mitään eikä sido mihinkään.
WCAG eli Web Content Accessibility Guidelines on kansainvälinen ohjeistus verkkosisällön saavutettavuudelle. Se jakautuu tasoihin A, AA ja AAA - lainsäädäntö vaatii yleensä AA-tason. Ohjeistus kattaa muun muassa kontrastit, tekstivastineet, näppäimistökäytön ja lomakkeiden selkeyden.
Nopein testi ei vaadi työkaluja: yritä käyttää sivustoasi pelkällä näppäimistöllä sarkaimella liikkuen. Jos et pääse lomakkeelle asti, kaikki eivät pääse. Ilmaiset työkalut kuten selaimen Lighthouse-raportti ja WAVE-testi paljastavat kontrastiongelmat ja puuttuvat alt-tekstit muutamassa minuutissa.
Epäsuorasti kyllä. Moni saavutettavuuden perusasia - selkeä otsikkorakenne, alt-tekstit, looginen HTML ja toimiva mobiilikäyttö - on samalla hakukoneoptimoinnin perusasia. Google lukee sivustoa osittain samalla tavalla kuin ruudunlukija.
Suomessa valvova viranomainen voi vaatia puutteiden korjaamista määräajassa. Käytännössä isompi riski on kuitenkin menetetty kauppa: jos asiakas ei pysty käyttämään verkkokauppaasi, hän ostaa muualta eikä valita siitä kenellekään.
Ota yhteyttä
Oman verkkosivuston arvioiminen voi olla hankalaa. Tilaa maksuton verkkosivuarvio, niin ammattilainen käy sivustosi läpi ja kertoo, mitkä asiat vaativat korjausta.
1. Tilaa arvio
2. Käymme sivusi läpi
3. Otamme yhteyttä
4. Kerromme arvion
Emme arvioi verkkokauppoja
