Linkissä olevan kuvan vaihtoehtoinen teksti

Silktide löytää linkit, jotka sisältävät kuvan mutta eivät minkäänlaista luettavaa tekstiä. Tällaisella linkillä ei ole nimeä, joten ihmiset, jotka eivät näe kuvaa, eivät voi tietää, mihin se johtaa.

<!-- Ongelma: linkillä ei ole saavutettavaa nimeä -->
<a href="/apple">
    <img src="apple.png">
</a>

<!-- Korjattu: vaihtoehtoinen teksti nimeää linkin -->
<a href="/apple">
    <img src="apple.png" alt="Punainen omena">
</a>

Miksi tämä on tärkeää

Kun linkin ainoa sisältö on kuva, kuvan tulee linkin nimi. Ilman sitä ilmoittaa esimerkiksi "linkki" tai lukee kohde-URL-osoitteen tai kuvatiedoston nimen – mikään niistä ei kerro kuuntelijalle, mihin linkki johtaa. Kuvalinkeistä, kuten logoista ja kuvakemuista, rakennettu navigointi muuttuu arvailuksi.

Myös näppäimistöä ja ääniohjausta käyttävät käyttäjät kärsivät tästä: nimettömään linkkiin on vaikea kohdistaa äänikomentoja, eikä se merkitse mitään linkkiluettelossa.

Korjaaminen

Lisää kuvaan vaihtoehtoinen teksti, joka kuvaa linkin tarkoitusta – sitä, mihin se johtaa tai mitä se tekee – sen sijaan, että kuvailisit kuvan ulkonäköä. Linkitetyssä logossa "Etusivu" tai organisaatiosi nimi on parempi kuin "logo".
Vaihtoehtoisesti lisää linkkiin kuvan viereen näkyvää tekstiä; kuvalla voi silloin olla tyhjä alt="".
Korjaa mallit, jos sama nimeämätön kuvakelinkki toistuu eri sivuilla.

Miten Silktide testaa tämän

Etsi kaikki linkin sisällä olevat kuvat ja ohita linkit, jotka on piilotettu ruudunlukijoilta.
Lue kaikki teksti, jonka linkki välittää , mukaan lukien kaikkien sen sisältämien elementtien vaihtoehtoinen teksti.
Ilmoita kuvasta, kun tämä yhdistetty teksti ei sisällä kirjaimia tai numeroita, jolloin linkille ei jää käyttökelpoista nimeä.

Toisin kuin muissa vaihtoehtoisen tekstin tarkistuksissa, tyhjä alt="" ei riitä tässä: jos kuva on linkin ainoa sisältö, sen merkitseminen koristeelliseksi jättää linkin nimettömäksi.

Vianmääritys

Kuva on koristeellinen

Linkin sisällä, jossa ei ole muuta tekstiä, kuvaa ei voi käsitellä pelkästään – jonkin on nimettävä linkki. Anna kuvalle joko kohdetta kuvaava vaihtoehtoinen teksti tai lisää linkkiin näkyvää tekstiä.

Linkki on nimetty toisella tavalla

Tämä tarkistus lukee linkin sisällä olevan tekstin ja vaihtoehtoisen tekstin. Jos linkkisi on nimetty muilla keinoilla ja olet varmistanut, että ruudunlukija ilmoittaa sen oikein, voit löydöksen.