Linkin tarkoitus (kontekstissa)
Jokaisen linkin tarkoituksen on käytävä ilmi sen tekstistä tai linkin tekstin ja sitä ympäröivän kontekstin yhdistelmästä — lauseesta, listaelementistä, taulukon solusta tai kappaleesta. Ruudunlukuohjelman käyttäjät kuulevat usein linkit irrallaan kontekstista linkkilistauksessa.
Mitä vaaditaan
Kun ruudunlukuohjelman käyttäjä avaa sivun kaikkien linkkien listan (yleinen navigointistrategia), hän kuulee linkkitekstin ilman ympäröivää tekstiä. „Lue lisää“ toistettuna 15 kertaa ei kerro mitään. Onnistumiskriteeri sallii kaksi hyväksyttävää tapaa: linkkiteksti yksin on kuvaava, tai linkki yhdistettynä ohjelmallisesti määritettävään kontekstiinsa (sama lause, kappale, listaelementti, taulukon rivi tai aria-label/aria-describedby) tekee kohteen selväksi.
AA-tason vaatimustenmukaisuudessa konteksti riittää. AAA-tasolla katso 2.4.9.
Kuinka vaatimukset täytetään
- Kirjoita itsensä selittäviä linkkitekstejä aina kun mahdollista:
"Lue saavutettavuusraporttimme 2026"eikä"Lue lisää". - Jos muotoilu edellyttää yleistä toimintokutsua, varmista, että linkkiä edeltävä otsikko tai kappale nimeää kohteen, ja ne jakavat saman lauseen tai listaelementtinsä.
- Korttipohjaisissa asetteluissa kääri koko kortti linkkiin tai käytä
aria-labelledby-määritettä osoittamaan linkki kortin otsikkoon. - Käytä
aria-label-määritettä linkkitekstin ohittamiseen vain silloin, kun näkyvää tekstiä ei voi muuttaa — esimerkiksi nuolikuvakkeella varustetulle linkille, jonka tulisi olla luettavissa muodossa „Seuraava sivu: tulokset 21–40.“ - Taulukoissa linkkiteksti kuten „Muokkaa“ tai „Poista“ on hyväksyttävä, kun rivin konteksti (viereinen nimi-solu) tekee kohteen selväksi.
Yleisiä virheitä
- „Napsauta tästä,“ „Lue lisää,“ „Katso lisää,“ „Tästä“ käytetty useita kertoja sivulla eri kohteisiin.
- Ruudukko identtisiä „Katso“-painikkeita tuotekorttiena alla, tuotteen nimi otsikossa mutta ei ohjelmallisesti liitettynä linkkiin.
- „Lataa“-linkki, josta ei käy ilmi, mitä ladataan — eikä
aria-label- tai kontekstimääritettä, joka sen kertoisi. - Kuvien linkit, joissa on tyhjä
alt-teksti eikä ympäröivää tekstiä — ruudunlukuohjelmat lukevat URL-osoitteen. - „Lisätietoja“ esiintyy 30 kertaa yhden sivun linkkilistauksessa, jokainen osoittaen eri artikkeliin.
Miksi tällä on merkitystä
Pikaselaaminen on tapa, jolla ruudunlukuohjelman käyttäjät navigoivat pitkillä sivuilla. Linkkilista ja otsikoiden lista ovat heidän kaksi pääkarttaansa. Sivu, joka on täynnä „Lue lisää“ -linkkejä, on äänivastaavuus painetusta sivusta, jolla jokainen linkki on korvattu tyhjällä alleviivaukset — teknisesti navigoitavissa, käytännössä hyödytön. Tämän onnistumiskriteeriin korjaaminen parantaa lähes aina myös hakukoneoptimointia ja konversioprosenttia, koska kuvaavat linkkitekstit hyödyttävät kaikkia.