Lenker med ulike mål

Silktide finner lenker på en side som har samme tekst, men som peker til ulike mål. Når to lenker som ser like ut, fører til forskjellige steder, kan ikke folk skille dem fra hverandre uten å følge hver av dem.

<!-- To «Nyheter»-lenker som går til forskjellige sider -->
<p>Les siste nytt om produktene våre: <a href="/products/news">Nyheter</a></p>
<p>Les siste nytt om tjenestene våre: <a href="/company/news">Nyheter</a></p>

Hvorfor dette er viktig

Personer som bruker en , henter ofte frem en liste over alle lenkene på siden, utenfor kontekst. To lenker som begge leses opp som «Nyheter», men som går til forskjellige sider, kan ikke skilles fra hverandre i denne listen. Brukeren må derfor åpne hver lenke for å finne ut hvor den fører. Den samme tvetydigheten påvirker brukere av talegjenkjenning, som velger lenker ved å si navnet deres høyt.

Slik løser du det

Gi hver lenke en egen synlig tekst som beskriver målet, for eksempel «Produktnyheter» og «Selskapsnyheter».
Hvis designet ikke kan endres, kan du legge til en -etikett for å skille lenkene uten å endre det seende brukere ser:

<!-- aria-label blir navnet som skjermlesere leser opp -->
<a href="/products/news" aria-label="Produktnyheter">Nyheter</a>
<a href="/company/news" aria-label="Selskapsnyheter">Nyheter</a>

Du kan også inkludere ekstra tekst i lenken som er visuelt skjult, men som leses av skjermlesere (for eksempel et <span>-element formatert med en CSS-klasse som bare vises for skjermlesere).
Hvis lenkene fungerer likt for brukeren – for eksempel hvis de omdirigerer til samme side – kan du funnet.

Slik tester Silktide dette

Finn alle lenker på siden, og hopp over elementer du har utelatt fra kontrollen.
Finn det til hver lenke – teksten leser opp, inkludert ARIA-etiketter og bilders , ikke bare den synlige teksten.
Normaliser målet til hver lenke for sammenligning: fragmenter (delen etter #), søkestrenger (delen etter ?), URL-skjemaet og avsluttende skråstreker ignoreres.
Når lenker med samme tilgjengelige navn peker til mer enn ett unikt mål, flagges alle.

Feilsøking

Lenker til ulike deler av samme side flagges ikke

Fordi fragmenter ignoreres når mål sammenlignes, regnes lenker som /guide#intro og /guide#pricing som samme mål. Dette er tilsiktet: Begge fører til samme side.

Lenker som bare er forskjellige på grunn av sporingsparametere, flagges ikke

Søkestrenger ignoreres når mål sammenlignes, så /offers?src=header og /offers?src=footer regnes som samme side, ikke som forskjellige mål.