Tilgrænsende links

Silktide finder par af links, der ligger lige ved siden af hinanden og peger på samme destination. Disse dubletter bør næsten altid kombineres til et enkelt link.

Det mest almindelige mønster er et billedlink efterfulgt af et tekstlink til den samme side:

<!-- Problem: to separate links til samme destination -->
<a href="news.html">
    <img src="photo.jpg" alt="">
</a>
<a href="news.html">
    Nyheder
</a>

<!-- Rettet: ét kombineret link -->
<a href="news.html">
    <img src="photo.jpg" alt="">
    Nyheder
</a>

Hvorfor det er vigtigt

Mange mennesker oplever en side sekventielt – en tastaturbruger går med tabulatortasten gennem hvert link efter tur, og en bruger af en hører hvert link blive oplæst. Dublerede tilgrænsende links fordobler dette arbejde uden nogen fordel: den samme destination annonceres to gange, linklister fyldes med gentagelser, og et billedlink med tom ved siden af sin tekstlige pendant kan blive annonceret helt uden navn, hvilket er forvirrende.

Når parret kombineres til ét link, får alle ét tydeligt navngivet mål, og din bliver enklere.

Sådan retter du det

Flyt billedet og teksten ind i ét enkelt <a>-element som i eksemplet ovenfor.
Giv billedet i det kombinerede link en tom alt="", da teksten ved siden af allerede angiver destinationen – se Dubleret alt-tekst.
Hvis dit eller tema genererer de dublerede links (hvilket er almindeligt i nyhedslister og kortlayouts), skal du rette skabelonen én gang for at løse alle forekomster.

Sådan tester Silktide dette

Find alle links på hver side.
Ignorer links, der peger på #, da de næsten altid er pladsholdere for , og links, der ikke kan modtage , da de ikke eksponeres som links for .
Se for hvert link på, hvad der umiddelbart følger efter det. Hvis andet end mellemrum adskiller de to links, er de ikke tilgrænsende og bliver ikke rapporteret.
Rapportér parret, når det næste link peger på den samme absolutte webadresse.

Fejlfinding

De to links gør forskellige ting

Links, der deler en webadresse, men kører forskellig JavaScript, rapporteres ikke, når forskellen er synlig i deres onclick-attributter. Hvis et par opfører sig forskelligt på en måde, Silktide ikke kan se, kan du fundet – men overvej, om forskellen også er usynlig for dine besøgende.

Linkene er ikke ved siden af hinanden visuelt

Tilgrænsning måles i sidens kode, ikke på skærmen. To links kan vises langt fra hinanden efter styling og stadig være tilgrænsende i HTML'en – og hjælpeteknologi læser HTML-rækkefølgen, så dubleringen er reel for disse brugere.