Ulike lenkemål

(Henvisende UWEM-test: 13.1_HTML_01)

Testinformasjon

Feil på grunn av

Det er funnet at samme tittel og tekst leder til flere ulike lenkemål.

Det undersøkte <a> eller <area>-elementet har samme informasjon om lenkens mål (elementtekst, TITLE- eller ALT-attributt) som et annet <a> eller <area>-element i (X)HTML-ressursen, men peker til et annet lenkemål (HREF-attribute).

Hvorfor dette vil være en hindring

Tydelige lenkenavn er nyttige for alle brukere, for å hjelpe dem med å avgjøre om de ønsker å følge lenken. Tydelige lenkenavn er spesielt viktige for de som bruker skjermleser, som ofte leser en liste over lenkene på en nettside før de tar seg tid til å lese innholdet i detalj. Dette er det samme som å skumlese en side for å få et raskt overblikk. Siden listen over lenker leses ute av sammenheng, er det viktig å sørge for lenkenavn som ikke krever at brukeren kjenner til den nærliggende informasjonen.

Løsning

Skriv klare og meningsfylte lenkenavn som gir mening når de leses ute av sammenheng. Unngå å bruke samme lenkenavn for to eller flere lenker som peker til forskjellige mål. Se også: W3: HTML Techniques for WCAG 1.0 – Link text

Referanse

Henvisning til WCAG 1.0-kontrollpunkt

13.1

"Sørg for at målet til en lenke er tydelig markert." [Prioritet 2]
WCAG 1.0 Checkpoint 13.1

Henvisning til UWEM-test

13.1_HTML_01

Denne testen er rettet mot å finne elementer med samme tittel og tekst og som fører til ulike lenkemål. Dersom det ikke er sørget for tittelattributt, sjekkes kun tekstelementet.

Eksempler

  • Finding meaningful link texts

    Linked texts should always be meaningful and indicate the content of the linked page clearly, so that it is clear to the users where a link will take them. In particular, this is essential for e.g. blind users who often navigate by means of a list of all links on a web page.

    Dårlig eksempel:
    <body>
    <p>
    Presidential election<br>
    <a href="news1.html">read more</a>
    </p>
    <p>
    Global warming<br>
    <a href="news2.html">read more</a>
    </p>
    </body>
    Godt eksempel:
    <body>
    <p>
    Presidential election<br>
    <a href="news1.html">Read all about "Presidential election"</a>
    </p>
    <p>
    Global warming<br>
    <a href="news2.html">Read all about "Global warming"</a>
    </p>
    </body>
    Spørsmål, forslag, innvendinger? Gi oss en tilbakemelding!
  • Using linkeGGd images

    If you are using icons or other images as links, set the title attribute of the links to indicate the content of the linked page clearly.

    Dårlig eksempel:
    <body>
    <p>
    Max Mustermann
    <a href="mailto:max.mustermann@mymunicipality.com"   >
    <img src="images/email.gif" width="25" height="25" alt="email symbol" />
    </a>
    </p>
    <p>
    Anna Bestcase
    <a href="mailto:anna.bestcase@mymunicipality.com"   >
    <img src="images/email.gif" width="25" height="25" alt="email symbol" />
    </a>
    </p>
    </body>
    Godt eksempel:
    <body>
    <p>
    Max Mustermann
    <a href="mailto:max.mustermann@mymunicipality.com" title="Email Max Mustermann" >
    <img src="images/email.gif" width="25" height="25" alt="email symbol"/>
    </a>
    </p>
    <p>
    Anna Bestcase
    <a href="mailto:anna.bestcase@mymunicipality.com" title="Email Anna Bestcase" >
    <img src="images/email.gif" width="25" height="25" alt="email symbol"/>
    </a>
    </p>
    </body>
    Spørsmål, forslag, innvendinger? Gi oss en tilbakemelding!
Spørsmål, forslag, innvendinger? Gi oss en tilbakemelding!
vis eksempelvis
skjul eksempelskjul