Aangrenzende links
Silktide vindt paren links die direct naast elkaar staan en naar dezelfde bestemming verwijzen. Deze duplicaten moeten vrijwel altijd worden samengevoegd tot één link.
Het meest voorkomende patroon is een afbeeldingslink gevolgd door een tekstlink naar dezelfde pagina:
<!-- Probleem: twee afzonderlijke links naar dezelfde bestemming -->
<a href="news.html">
<img src="photo.jpg" alt="">
</a>
<a href="news.html">
Nieuws
</a>
<!-- Opgelost: één gecombineerde link -->
<a href="news.html">
<img src="photo.jpg" alt="">
Nieuws
</a>
Waarom dit belangrijk is
Veel mensen ervaren een pagina opeenvolgend: een toetsenbordgebruiker tabt door elke link en een gebruiker van een hoort elke link aangekondigd worden. Dubbele aangrenzende links verdubbelen dat werk zonder voordeel: dezelfde bestemming wordt twee keer aangekondigd, lijsten met links komen vol te staan met herhalingen en een afbeeldingslink met lege naast de bijbehorende tekstlink kan helemaal zonder naam worden aangekondigd, wat verwarrend is.
Door het paar samen te voegen tot één link, krijgt iedereen één duidelijk benoemd doel en wordt je eenvoudiger.
Zo los je dit op
- Plaats de afbeelding en tekst binnen één
<a>-element, zoals in het bovenstaande voorbeeld. - Geef de afbeelding binnen de gecombineerde link een lege
alt="", omdat de tekst ernaast de bestemming al benoemt — zie Dubbele alternatieve tekst. - Als je of thema de dubbele links genereert (wat vaak voorkomt in nieuws- en kaartweergaven), los je het sjabloon één keer op om elke instantie te verhelpen.
Hoe Silktide dit test
- Vind alle links op elke pagina.
- Negeer links die naar
#verwijzen — dit zijn vrijwel altijd tijdelijke aanduidingen voor — en links die geen kunnen ontvangen en daarom niet als links worden aangeboden aan . - Kijk bij elke link naar wat er direct op volgt. Als iets anders dan witruimte de twee links van elkaar scheidt, zijn ze niet aangrenzend en worden ze niet gerapporteerd.
- Rapporteer het paar wanneer de volgende link naar dezelfde absolute URL verwijst.
Problemen oplossen
De twee links doen verschillende dingen
Links die dezelfde URL delen maar verschillende JavaScript uitvoeren, worden niet gerapporteerd wanneer het verschil zichtbaar is in hun onclick-attributen. Als een paar zich anders gedraagt op een manier die Silktide niet kan zien, kun je de bevinding — maar ga na of het onderscheid voor je bezoekers ook onzichtbaar is.
De links staan visueel niet naast elkaar
Aangrenzendheid wordt gemeten in de code van de pagina, niet op het scherm. Twee links kunnen na opmaak ver uit elkaar lijken te staan en toch aangrenzend zijn in de HTML — en hulptechnologie leest de volgorde van de HTML, dus voor deze gebruikers is de duplicatie echt.