Verkkosivujen saavutettavuus tarkoittaa sitä, että sivut ovat helposti käytettävissä ja ymmärrettävissä kaikille käyttäjille. Saavutettavuutta tulisi pitää verkkosivujen suunnittelussa aina lähtökohtana. Jos olet julkisen sektorin toimija, siihen velvoittaa jo laki.
Saavutettavat verkkosivut ovat yhdenvertaisuuskysymys ja parantaa käyttökokemusta ihan kaikille kävijöille. Kirsikkana kakun päällä, saavutettavuutta parantavat elementit auttavat myös hakukoneita ymmärtämään sivustoa. Näistä esimerkkejä ovat looginen otsikkorakenne ja kuvien alt-tekstit.
Kun haluat tehdä sivuistasi helppokäyttöiset kaikille, aloita varmistamalla, että nämä artikkelissa esitetyt perusasiat ovat kunnossa.
Saavutettavat verkkosivut - 5 perusasiaa
Tekstin ja taustan kontrasti
Valitse tarpeeksi suuri fonttikoko ja varmista, että tekstin kontrasti taustaan nähden on riittävän suuri. Vaikka omasta mielestäsi teksti erottuu hyvin, varmista että se on luettavissa kaikille. Riittävän kontrastin voit tarkastaa helposti ilmaisilla työkaluilla kuten WebAim Contrast Checker.
Varmista myös tarpeeksi suuri fonttikoko, jota on helppo lukea vaikka ikänäkö jo hieman painaisi.
Alt-tekstit kuvissa
Kirjoita selkeä ja kuvaava alt-teksti kuville. Tämä auttaa näkövammaisia käyttäjiä ymmärtämään kuvan sisällön lukijalaitteiden avulla.
Näppäimistöllä navigointi
Tarkista, että sivustosi on käytettävissä pelkästään näppäimistöä käyttäen. Näin käyttäjät, jotka eivät voi käyttää hiirtä, pääsevät käsiksi kaikkeen sisältöön.
Selkeät otsikot ja otsikkotasot
Käytä selkeitä otsikkoja ja loogista otsikkorakennetta (H1, H2, H3…), jotta sivustosi rakenne on helppo hahmottaa.
Videon ja audion tekstitys
Tarjoa tekstitykset kaikelle videolle ja audiolle sivustollasi, jotta et jätä kuulovammaisia ulkopuolelle.
Lisävinkki: älä unohda selkeää kieltä
Vältä verkkosivujesi teksteissä monimutkaisia lauseita ja ammattijargonia. Kukaan ei jaksa (oli sitten rajoitteita tai ei) lukea sivustosi tekstikappaleita moneen kertaan ja arvailla, mitä tarkoitat. Selkeä teksti myös myy paremmin.
Joskus omaa ammattikieltä voi olla vaikea edes tunnistaa, kun se on itselle niin tuttua. Pyydä avuksesi oikolukija tai anna tekoälylle tehtävä tarkastaa ja muuttaa tekstisi helposti ymmärrettävään muotoon.
Pyydä palautetta saavutettavuudesta
Varsinkin pienille yrityksille saavutettavuuteen vaikuttavien tekijöiden syvällinen ymmärtäminen ja huomioiminen voi olla myös resurssikysymys. Tällöin voi olla hyvä idea pyytää verkkosivujen kävijöiltä palautetta saavutettavuudesta ja kehittää sivustoa sen perusteella. Pyri silloin kuitenkin huolehtimaan, että sinulla on ainakin nämä artikkelin perusasiat kunnossa ja esteetön palautelomake. Näiden verkkosivujen (injan.fi) saavutettavuudesta voi esimerkiksi antaa palautetta tällä lomakkeella.
Hyödyllistä tietoa ja ohjeistusta voit saada myös verkkosivujen esteettömyyttä tutkivista työkaluista. Syötä verkkosivujesi osoite esimerkiksi WAVE-työkaluun ja tutustu siitä saatavaan tietoon.
Jos tarvitset apua verkkosivujen kehittämiseen, ota yhteyttä inka@injan.fi tai jätä viesti yhteydenottolomakkeella.
