Saavutettavuus tarkoittaa sitä, että verkkosivua voi käyttää mahdollisimman moni ihminen riippumatta siitä, miten hän näkee, kuulee tai liikkuu, tai käyttääkö hän sivua hiirellä, näppäimistöllä vai ruudunlukijalla. Aihe on noussut viime vuosina yhä useamman yrityksen asialistalle, eikä syyttä. Saavutettava sivusto on käytännössä myös selkeämpi ja helppokäyttöisempi kaikille.
Tässä artikkelissa käymme läpi, mitä saavutettavuus tarkoittaa verkkosivuilla ja mistä yritys voi aloittaa.
Kenelle saavutettavuutta tehdään?
Usein saavutettavuus mielletään asiaksi, joka koskee vain pientä joukkoa käyttäjiä. Todellisuudessa hyöty on paljon laajempi. Heikkonäköinen käyttäjä tarvitsee riittävän kontrastin ja suurennettavan tekstin, liikuntarajoitteinen käyttäjä toimivan näppäimistönavigoinnin ja kuulovammainen tekstitetyt videot. Samat ratkaisut auttavat kuitenkin myös ikääntyneitä käyttäjiä, kirkkaassa auringonvalossa puhelinta selaavaa tai ihmistä, joka katsoo videota junassa ilman kuulokkeita.
Lisäksi saavutettavuusvaatimukset ovat laajentuneet julkiselta sektorilta myös osaan yksityisen sektorin palveluista, kuten verkkokauppoihin. Omat velvoitteet kannattaa siksi selvittää, varsinkin jos sivustolla myydään tuotteita tai palveluita.
Selkeä rakenne ja otsikointi
Saavutettavuus alkaa sivun rakenteesta. Otsikoiden tulee muodostaa looginen hierarkia: sivulla on yksi pääotsikko, ja sen alla väliotsikot järjestyksessä. Ruudunlukijaa käyttävä henkilö liikkuu sivulla usein juuri otsikoiden avulla, joten isoksi lihavoitu teksti ei korvaa oikeaa otsikkoa.
Myös linkkitekstin kannattaa kertoa, minne linkki vie. ”Lue lisää” tai ”klikkaa tästä” eivät irrallisina kerro käyttäjälle mitään, kun taas kuvaava linkkiteksti palvelee sekä ihmisiä että hakukoneita.
Värit, kontrastit ja kuvat
Visuaalinen ilme on tärkeä osa brändiä, mutta sen ei pidä mennä luettavuuden edelle. Vaaleanharmaa teksti valkoisella taustalla voi näyttää tyylikkäältä, mutta monelle se on vaikea lukea. Riittävä kontrasti tekstin ja taustan välillä on yksi yksinkertaisimmista parannuksista. Tietoa ei myöskään kannata välittää pelkän värin avulla, esimerkiksi merkitsemällä lomakkeen virheet vain punaisella.
Kuville kirjoitetaan vaihtoehtoinen teksti, joka kertoo, mitä kuvassa on ja miksi se on sivulla. Pelkästään koristeelliset kuvat voidaan jättää ilman kuvausta, jotta ruudunlukija ei lue turhaa tietoa. Hyvin suunniteltu graafinen ilme ottaa nämä asiat huomioon alusta asti.
Toimiiko sivu näppäimistöllä?
Yksinkertainen testi on käydä oma sivusto läpi pelkällä näppäimistöllä. Pääseekö sarkainnäppäimellä kaikkiin valikoihin, painikkeisiin ja linkkeihin? Näkyykö selvästi, mikä kohta on valittuna? Aukeavatko pudotusvalikot ja ponnahdusikkunat, ja pääseekö niistä pois? Jos jokin kohta jää jumiin, se on todennäköisesti ongelma myös apuvälineitä käyttäville.
Saavutettavuus osaksi suunnittelua
Saavutettavuutta on helpointa ja edullisinta parantaa silloin, kun se huomioidaan jo suunnitteluvaiheessa. Valmiin sivuston korjaaminen jälkikäteen on mahdollista, mutta usein työläämpää. Jos olet uudistamassa sivustoasi, ota saavutettavuus mukaan tavoitteisiin heti alussa. Lue myös, mitä kaikkea nettisivun perustaminen pitää sisällään.
Saavutettavuus ei ole kertaluontoinen projekti vaan tapa tehdä verkkosivuja. Kun sisältöä päivitetään, uusien tekstien, kuvien ja videoiden tulee noudattaa samoja periaatteita. Pienilläkin parannuksilla sivusto palvelee useampia ihmisiä, ja se näkyy usein myös parempana käyttökokemuksena.