Kuinka yhdistetään verkkopalvelun saavutettavuus ja linkit? Tässä artikkelissa kerromme, miten linkit tulisi verkossa olla, jotta ne ovat selkeitä, ymmärrettäviä ja kaikkien saavutettavissa.
Verkossa liikkuminen perustuu linkkeihin. Linkit ohjaavat käyttäjää paikasta toiseen, avaavat lisätietoja ja muodostavat olennaisen osan verkkopalvelun käyttökokemusta.
Siksi on tärkeää, että myös linkit ovat saavutettavia – eli kaikkien käyttäjien, myös ruudunlukijoita ja apuvälineitä käyttävien, ymmärrettävissä ja käytettävissä.
Saavutettavuuden näkökulmasta tämä tarkoittaa ennen kaikkea sitä, että linkkien tarkoitus ja kohde ovat selkeitä ilman, että käyttäjän tarvitsee arvata, mihin hän on klikkaamassa.
Linkkien tulisi olla saavutettavia teknisesti, visuaalisesti ja sisällöllisesti.
Linkit voivat olla pieniä, mutta niiden rooli verkkopalvelun käytettävyydessä ja saavutettavuudessa on suuri. Monelle käyttäjälle linkit ovat tapa navigoida ja löytää tietoa nopeasti.
Näin on erityisesti niillä, jotka käyttävät näppäimistönavigointia tai ruudunlukijoita.
Hyvin toteutetut linkit tukevat:
Saavutettavan linkin suunnittelussa huomioidaan sekä tekninen toteutus että selkeä kieli. Tässä tärkeimmät käytännöt:
Vältä epämääräisiä linkkejä, kuten ”Lue lisää”, ”Klikkaa tästä” tai ”Tiedosto”. Ne eivät kerro, mihin linkki johtaa. Sen sijaan linkkitekstin tulisi olla kuvaileva ja ymmärrettävä ilman kontekstia.
Hyvä esimerkki:
”Lue lisää verkkopalvelun saavutettavuusohjeista.”
Huono esimerkki:
”Lue lisää.”
Erityisesti ruudunlukijat voivat listata sivuston kaikki linkit, jolloin kuvaileva linkkiteksti auttaa käyttäjää valitsemaan oikean linkin nopeasti.
Linkkien tulee erottua selkeästi muusta tekstistä – ei pelkästään värillä. Käytä esimerkiksi alleviivausta tai muuta tunnistettavaa tyylikeinoa. Värisokeille ja näkörajoitteisille käyttäjille pelkkä väri ei usein riitä.
Kerro käyttäjälle, jos linkki avaa uuden ikkunan, lataa tiedoston tai vie ulkoiselle sivustolle. Tällaiset toiminnot voivat hämmentää käyttäjää, jos niistä ei ilmoiteta etukäteen.
Esimerkiksi sen voi merkata näin:
”Lataa saavutettavuusraportti (PDF, 1 Mt).”
Kaikkien linkkien tulee olla saavutettavissa ilman hiirtä – esimerkiksi näppäimistön Tab-näppäimellä. Näin varmistetaan, että linkkejä voi käyttää myös silloin, kun käyttäjä ei voi tai halua käyttää hiirtä.
Jos sama linkki esiintyy useaan kertaan samalla sivulla eri teksteinä, se voi aiheuttaa hämmennystä. Lisäksi useat eri linkit, jotka ohjaavat samaan paikkaan, voivat heikentää saavutettavuutta ruudunlukijakäytössä.
Mobiililaitteilla selailu on arkipäivää: ihmiset lukevat uutisia, tekevät ostoksia, varaavat aikoja ja täyttävät lomakkeita älypuhelimilla enemmän kuin koskaan aiemmin.
Pienet näytöt, kosketusohjaus ja erilaiset apuvälineet vaativat verkkosivustolta ja sen linkkiratkaisuilta tarkkaa suunnittelua.
Mobiililaitteilla linkkejä ei klikata hiiren osoittimella, vaan sormella – joka on huomattavasti epätarkempi.
Jos linkkialue on liian pieni, sen osuminen voi olla vaikeaa. Käyttöliittymäsuositusten mukaan linkin tai painikkeen tulisi olla vähintään 48 x 48 pikseliä (noin 9 mm x 9 mm fyysisellä ruudulla), jotta se on helposti painettavissa myös toimintarajoitteisille tai iäkkäille käyttäjille.
Linkkien liian tiivis sijoittelu aiheuttaa virhepainalluksia. Esimerkiksi, jos tekstissä on useita linkkejä peräkkäin, käyttäjä saattaa painaa vahingossa väärää linkkiä.
Tämä ei ole pelkästään ärsyttävää, vaan voi estää etenemisen sivustolla. Mobiilissa saavutettavuus tarkoittaa myös selkeitä visuaalisia eroja ja riittävää tilaa linkkien ympärillä.
Mobiilissa on tärkeää, että linkit tunnistaa nopeasti. Värikontrastien tulee olla riittävät, ja linkkien on hyvä olla alleviivattuja tai muulla tavalla tyyliltään erottuvia.
Mobiilikäytössä on erityisen tärkeää, että käyttäjä tietää, mitä tapahtuu, kun linkkiä painaa. Esimerkiksi jos linkki avaa uuden välilehden tai lataa tiedoston, siitä pitää ilmoittaa jo linkkitekstissä.
Monet mobiilikäyttäjät hyödyntävät apuvälineitä, kuten VoiceOveria (iOS) tai TalkBackia (Android).
Näillä käyttäjillä ruudunlukija kertoo, mihin linkki vie, mutta vain jos linkkiteksti on selkeä ja kuvaileva. Epämääräiset linkit, kuten ”tästä”, eivät toimi mobiililaitteissa sen paremmin kuin pöytäkoneella. Hyvä mobiililinkki on:
Todellinen testaus saavutettavuuden kannalta tulee tehdä oikealla mobiililaitteella. Tarkista ainakin:
Saavutettavuuden kannalta linkeillä on paljon merkitystä.
Se ei ole vain saavutettavuuslain täyttämistä, vaan ennen kaikkea parempaa palvelua kaikille käyttäjille.
Hyvin suunniteltu linkki kertoo selkeästi, mihin se vie, toimii kaikilla laitteilla ja on helposti käytettävissä myös ilman näköä tai hiirtä.
Panostamalla saavutettaviin linkkeihin parannat koko verkkopalvelun käytettävyyttä, selkeyttä ja toimivuutta – ja varmistat, että jokainen käyttäjä pääsee perille.
Tämä parantaa merkittävästi käyttökokemusta ja nopeuttaa navigointia.
Saattaisit olla kiinnostunut myös seuraavista artikkeleista:
Älä jää jumiin nykytilanteeseen, jos et ole tyytyväinen markkinointisi tuloksiin. Odottamalla menetät vain lisää rahaa. Ota yhteyttä niin kerromme, mistä homma kiikastaa.
Ota yhteyttä – joko aloitetaan?
"*" näyttää pakolliset kentät
Tätä sivustoa suojaa reCAPTCHA, ja Googlen Tietosuojakäytäntö ja Palveluehdot pätevät.
