WCAG 2.4.4, 4.1.2 · Taso A

Linkeillä on oltava tunnistettava teksti

Joissakin linkeissä ei ole tekstiä, jonka ruudunlukija voisi lukea. Usein kyse on pelkistä kuvakelinkeistä, kuten somekuvakkeista tai ostoskorin kuvakkeesta.

Mitä tämä sääntö tarkistaa

Varmistaa, että linkeillä on tunnistettava teksti.

Miksi sillä on merkitystä

WCAG 2.4.4 ja 4.1.2 edellyttävät, että linkeillä on saavutettava nimi, joka kuvaa niiden tarkoitusta.

Miten se korjataan

  1. Etsi linkit, joilla ei ole nimeä. Useimmat ovat <a>-tagin sisällä olevia kuvakkeita tai kuvia.
  2. Lisää linkin sisään visuaalisesti piilotettu teksti tai aria-label, kuten aria-label="Instagram" tai aria-label="Cart".
  3. Jos linkin sisällä on kuva, anna sen sijaan kuvalle kuvaava alt-teksti.

Miten korjaus tarkistetaan

  • Skannaa uudelleen ja varmista, ettei sääntöä link-name enää esiinny.
  • Siirry Tab-näppäimellä jokaiseen linkkiin ruudunlukija päällä ja kuuntele nimi.

Miten FixReports löytää sen

Skannauksemme ajaa axe-core-säännön link-name oikeassa Chrome-selaimessa jokaisella testaamallaan sivulla ja raportoi jokaisen virheellisen elementin sekä sen sivun, merkintäkoodin ja tarvittaessa kuvakaappauksen.

Automaattinen testi vahvistaa, että juuri tämä ongelma on olemassa. Se ei voi kertoa, onko sivu muilta osin saavutettava: jotkin esteet tulevat esiin vasta, kun ihminen tarkistaa sivun.

Skannaa sivustosi tänään

Löydä. Korjaa. Varmista.

Millainen sivusto tämä on?

Vastauksesi valitsee oikeat tarkistukset, kuten ostopolun verkkokaupoille. Tarkistamme silti sivuston omat merkit ja näytämme molemmat.

Millainen sivusto tämä on?

Ilmainen skannaus. Luottokorttia ei tarvita.