Hva kreves i praksis?
Formålet med hver lenke skal kunne forstås fra lenketeksten alene, eller fra teksten pluss den programmatiske konteksten. Kravet gjelder sider som brukes i Norge, uavhengig av om du er offentlig virksomhet, butikk eller byrå som leverer nettsiden.
Vanlige feil og avvik
- «Les mer», «Klikk her» og «Her» uten unikt navn.
- Ikonlenker uten tilgjengelig navn.
- Flere «Last ned»-lenker som peker til ulike filer.
Før og etter — kodeeksempler
Eksemplene er forenklet. Lim inn mønsteret, ikke nødvendigvis klassenavnene, i din egen kodebase.
Feil kode — bryter WCAG
Tre identiske «Les mer» sier ingenting i en lenkeliste hos skjermleseren.
Feil eksempel
<a href="/rapport-a">Les mer</a>
<a href="/rapport-b">Les mer</a>
<a href="/pdf/pris.pdf">Last ned</a>Riktig kode — utbedret
Lenketeksten bærer formålet. sr-only kan utvide korte visuelle etiketter uten å rote layouten.
Riktig eksempel
<a href="/rapport-a">Les rapporten for uuvakta.no</a>
<a href="/rapport-b">Les rapporten for kunde.no</a>
<a href="/pdf/pris.pdf">Last ned prislisten (PDF)</a>Hvordan UUvakta tester dette
Axe link-name fanger lenker uten tilgjengelig navn. Generiske «Les mer» uten kontekst er et klassisk tilsynsfunn UUvakta løfter i rapporten når navnet er tomt eller kun ikon. Vurderingen av om «Les mer» er greit i en overskriftkontekst er delvis manuell.