Intilliggande länkar

Silktide hittar par av länkar som ligger precis bredvid varandra och leder till samma destination. Dessa dubbletter bör nästan alltid kombineras till en enda länk.

Det vanligaste mönstret är en bildlänk följd av en textlänk till samma sida:

<!-- Problem: två separata länkar till samma destination -->
<a href="news.html">
    <img src="photo.jpg" alt="">
</a>
<a href="news.html">
    Nyheter
</a>

<!-- Åtgärdat: en kombinerad länk -->
<a href="news.html">
    <img src="photo.jpg" alt="">
    Nyheter
</a>

Varför detta är viktigt

Många upplever en sida sekventiellt – en tangentbordsanvändare tabbar genom varje länk i tur och ordning, och en användare av en hör varje länk läsas upp. Dubbla intilliggande länkar fördubblar det arbetet utan någon fördel: samma destination läses upp två gånger, länklistor fylls med upprepningar, och en bildlänk med tom bredvid sin textmotsvarighet kan läsas upp utan något namn alls, vilket är förvirrande.

Genom att kombinera paret till en enda länk får alla ett enda, tydligt namngivet mål, och din förenklas.

Så här åtgärdar du problemet

Flytta bilden och texten in i ett enda <a>-element, som i exemplet ovan.
Ge bilden i den kombinerade länken ett tomt alt="", eftersom texten bredvid redan anger destinationen – se Dubblerad alt-text.
Om ditt eller tema genererar de dubbla länkarna (vanligt i nyhetslistor och kortlayouter), åtgärdar du mallen en gång för att lösa alla förekomster.

Så testar Silktide detta

Hitta alla länkar på varje sida.
Ignorera länkar som pekar på #, vilket nästan alltid är platshållare för , samt länkar som inte kan få , eftersom de inte exponeras som länkar för .
För varje länk tittar du på vad som följer direkt efter den. Om något annat än blanksteg skiljer de två länkarna åt är de inte intilliggande och rapporteras inte.
Rapportera paret när nästa länk leder till samma absoluta URL.

Felsökning

De två länkarna gör olika saker

Länkar som delar URL men kör olika JavaScript rapporteras inte när skillnaden syns i deras onclick-attribut. Om ett par beter sig olika på ett sätt som Silktide inte kan se kan du resultatet – men överväg om skillnaden är lika osynlig för dina besökare.

Länkarna ligger inte bredvid varandra visuellt

Närhet mäts i sidans kod, inte på skärmen. Två länkar kan se ut att ligga långt ifrån varandra efter styling men ändå vara intilliggande i HTML-koden – och hjälpmedelsteknik läser HTML-ordningen, så dupliceringen är verklig för dessa användare.