Tyhjät linkit

Silktide löytää linkit, joissa ei ole lainkaan tekstiä – ei mitään näkyvää eikä tekstivastinetta. Ruudunlukijaa käyttävä henkilö kuulee vain sanan "linkki" eikä voi tietää, minne se johtaa.

<!-- Tyhjä: kuvakelinkki ilman tekstivastinetta -->
<a href="/search"><svg>...</svg></a>

<!-- Korjattu: kuvan alt-teksti kertoo kohteen -->
<a href="/"><img src="logo.png" alt="Example Corpin etusivu"></a>

<!-- Korjattu: aria-label kertoo kohteen -->
<a href="/search" aria-label="Haku"><svg>...</svg></a>

Miksi tämä on tärkeää

Linkkien avulla ihmiset liikkuvat verkkosivustollasi, eivätkä kaikki voi nähdä niitä. ilmoittaa jokaisen linkin sen tekstin perusteella; jos tekstiä ei ole, käyttäjä kuulee vain sanan "linkki" ja joutuu arvaamaan tai ohittamaan sen. Monet sokeat käyttäjät myös selaavat avaamalla luettelon kaikista sivun linkeistä – luettelo nimettömistä kohteista on hyödytön.

Tyhjät linkit syntyvät yleensä vahingossa: kuvake korvaa tekstin, kuva menettää tai muokkausohjelmasta jää jäljelle irrallinen <a>-tunniste. Myöskään hakukoneet eivät pysty päättelemään, mihin tyhjä linkki osoittaa.

Korjaaminen

Jos linkillä pitäisi olla näkyvää tekstiä, lisää se.
Jos linkki on kuva, anna kuvalle kohteen kertova alt-teksti, esimerkiksi alt="Example Corpin etusivu" etusivullesi johtavaa logoa varten – älä kuvaile itse kuvaa.
Jos linkki on kuvake, lisää kohteen nimeävä tai sisällytä tekstiä, joka on piilotettu visuaalisesti mutta ruudunlukijoiden käytettävissä.
Jos linkki on sisällötön ja tarkoitukseton jäänne, poista se.

Näin Silktide testaa tämän

Etsi jokaiselta sivulta kaikki linkit, myös kuvakartta-alueet.
Ohita elementit, joilta puuttuu toimiva linkkikohde.
Lue linkin teksti, mukaan lukien alt-teksti ja tekstivastineet, kuten aria-label ja title, linkistä ja kaikesta sen sisällä olevasta.
Raportoi linkki, jos tekstiä ei löydy lainkaan.

Vianmääritys

Linkki näyttää sivulla hyvältä

Linkki voi näyttää hyvältä, vaikka se olisi tyhjä, koska sen ulkoasu muodostuu kuvakkeesta tai -taustakuvasta – kumpikaan ei anna sille nimeä. Tarkista taustalla olevasta , onko tekstivastine määritetty.

Kuvakkeen merkitys on ilmeinen

Vain ihmisille, jotka voivat nähdä sen. Suurennuslasi tarkoittaa visuaalisesti "hakua", mutta ruudunlukija ei voi kuvailla kuvia, joilla ei ole tekstivastinetta – nimen on oltava merkinnässä.