Vierekkäiset linkit

Silktide löytää vierekkäin olevia linkkipareja, jotka johtavat samaan kohteeseen. Nämä kaksoiskappaleet tulisi lähes aina yhdistää yhdeksi linkiksi.

Yleisin rakenne on kuvalinkki, jota seuraa samalle sivulle johtava tekstilinkki:

<!-- Ongelma: kaksi erillistä linkkiä samaan kohteeseen -->
<a href="news.html">
    <img src="photo.jpg" alt="">
</a>
<a href="news.html">
    Uutiset
</a>

<!-- Korjattu: yksi yhdistetty linkki -->
<a href="news.html">
    <img src="photo.jpg" alt="">
    Uutiset
</a>

Miksi tämä on tärkeää

Monet ihmiset käyttävät sivua järjestyksessä: näppäimistön käyttäjä siirtyy sarkaimella jokaisen linkin läpi, ja käyttäjä kuulee jokaisen linkin ilmoitettavan. Päällekkäiset vierekkäiset linkit kaksinkertaistavat työn ilman hyötyä: sama kohde ilmoitetaan kahdesti, linkkiluettelot täyttyvät toistoista, ja tekstilinkkinsä vieressä oleva kuvalinkki, jolla on tyhjä , voidaan ilmoittaa kokonaan ilman nimeä, mikä on hämmentävää.

Kun yhdistät parin yhdeksi linkiksi, kaikki saavat yhden selkeästi nimetyn kohteen, ja yksinkertaistuu.

Näin korjaat sen

Siirrä kuva ja teksti yhden <a>-elementin sisään, kuten yllä olevassa esimerkissä.
Anna yhdistetyn linkin sisällä olevalle kuvalle tyhjä alt="", koska sen vieressä oleva teksti nimeää kohteen jo – katso Päällekkäinen alt-teksti.
Jos -järjestelmäsi tai teemasi luo päällekkäiset linkit (yleistä uutisluetteloissa ja korttiasetteluissa), korjaa malli kerran, jotta jokainen esiintymä korjautuu.

Näin Silktide testaa tämän

Etsi kaikki linkit jokaiselta sivulta.
Ohita #-merkkiin osoittavat linkit, jotka ovat lähes aina paikkamerkkejä, sekä linkit, jotka eivät voi vastaanottaa ja joita ei välitetä linkkeinä .
Tarkastele jokaisen linkin kohdalla sitä, mitä sen välittömästi jälkeen tulee. Jos linkkien välissä on muuta kuin tyhjää tilaa, ne eivät ole vierekkäisiä eikä niitä raportoida.
Raportoi pari, kun seuraava linkki johtaa samaan absoluuttiseen URL-osoitteeseen.

Vianmääritys

Nämä kaksi linkkiä toimivat eri tavoin

Linkkejä, joilla on sama URL-osoite mutta jotka suorittavat eri JavaScriptiä, ei raportoida, kun ero näkyy niiden onclick-attribuuteissa. Jos pari toimii eri tavoin Silktidelle näkymättömällä tavalla, voit löydöksen – mutta harkitse, onko ero yhtä näkymätön myös kävijöillesi.

Linkit eivät ole vierekkäin visuaalisesti

Vierekkyys mitataan sivun koodista, ei näytöltä. Kaksi linkkiä voi tyylittelyn jälkeen näyttää olevan kaukana toisistaan, mutta silti olla vierekkäin HTML:ssä – ja avustava teknologia lukee HTML-järjestyksen, joten päällekkäisyys on todellinen näille käyttäjille.