# Lenker skal ha forståelig (detekterbar) tekst

<https://www.fixreports.com/nb/issues/link-name>

WCAG 2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value · Nivå A

Noen lenker har ingen tekst en skjermleser kan lese opp, ofte lenker som bare består av et ikon, som ikoner for sosiale medier eller handlekurvikonet.

## Hva denne regelen sjekker
Sørg for at lenker har forståelig tekst.

## Hvorfor det er viktig
WCAG 2.4.4 og 4.1.2 krever at lenker har et tilgjengelig navn som beskriver formålet.

## Slik fikser du det
### På alle nettsteder
1. Finn lenkene som ikke har noe navn. De fleste er ikoner eller bilder inne i en <a>-tagg.
2. Legg til visuelt skjult tekst inne i lenken, eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Hvis lenken omslutter et bilde, gir du heller bildet en meningsfull alt-tekst.

### I Shopify
1. Finn lenkene som ikke har noe navn. De fleste er ikoner eller bilder inne i en <a>-tagg.
2. Legg til visuelt skjult tekst inne i lenken, eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Hvis lenken omslutter et bilde, gir du heller bildet en meningsfull alt-tekst.

### I WooCommerce og WordPress
1. Finn lenkene som ikke har noe navn. De fleste er ikoner eller bilder inne i en <a>-tagg.
2. Legg til visuelt skjult tekst inne i lenken, eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Hvis lenken omslutter et bilde, gir du heller bildet en meningsfull alt-tekst.

## Slik kontrollerer du utbedringen
- Skann på nytt, og bekreft at link-name er borte.
- Gå til hver lenke med Tab mens en skjermleser kjører, og lytt til navnet.

## Kilder
- Dokumentasjon av axe-core-regelen (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name
- Forklaring av WCAG 2.4.4 (W3C, Understanding): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
- Forklaring av WCAG 4.1.2 (W3C, Understanding): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value