# Links skal have forståelig (detekterbar) tekst

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

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

Nogle links har ingen tekst, som en skærmlæser kan læse op, ofte links med kun et ikon, fx ikoner for sociale medier eller kurvikonet.

## Hvad denne regel tjekker
Sørg for, at links har forståelig tekst.

## Hvorfor det er vigtigt
WCAG 2.4.4 og 4.1.2 kræver, at links har et tilgængeligt navn, der beskriver deres formål.

## Sådan retter du det
### På enhver hjemmeside
1. Find de links, der ikke har noget navn. De fleste er ikoner eller billeder inde i et <a>-tag.
2. Tilføj visuelt skjult tekst i linket eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Hvis linket omslutter et billede, så giv i stedet billedet en meningsfuld alt-tekst.

### I Shopify
1. Find de links, der ikke har noget navn. De fleste er ikoner eller billeder inde i et <a>-tag.
2. Tilføj visuelt skjult tekst i linket eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Hvis linket omslutter et billede, så giv i stedet billedet en meningsfuld alt-tekst.

### I WooCommerce og WordPress
1. Find de links, der ikke har noget navn. De fleste er ikoner eller billeder inde i et <a>-tag.
2. Tilføj visuelt skjult tekst i linket eller en aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Hvis linket omslutter et billede, så giv i stedet billedet en meningsfuld alt-tekst.

## Sådan tjekker du rettelsen
- Scan igen, og bekræft, at link-name er væk.
- Tab til hvert link med en skærmlæser kørende, og lyt til navnet.

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