# Länkar måste ha urskiljbar text

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

WCAG 2.4.4 Länkens syfte (i sitt sammanhang), 4.1.2 Namn, roll, värde · nivå A

Vissa länkar saknar text som en skärmläsare kan läsa upp, ofta länkar som bara består av en ikon, till exempel ikoner för sociala medier eller varukorgsikonen.

## Vad regeln kontrollerar
Säkerställ att länkar har urskiljbar text.

## Därför spelar det roll
WCAG 2.4.4 och 4.1.2 kräver att länkar har ett tillgängligt namn som beskriver deras syfte.

## Så åtgärdar du det
### På valfri webbplats
1. Hitta länkarna som saknar namn. De flesta är ikoner eller bilder i en <a>-tagg.
2. Lägg till visuellt dold text i länken, eller ett aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Om länken omsluter en bild ger du i stället bilden en meningsfull alt-text.

### I Shopify
1. Hitta länkarna som saknar namn. De flesta är ikoner eller bilder i en <a>-tagg.
2. Lägg till visuellt dold text i länken, eller ett aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Om länken omsluter en bild ger du i stället bilden en meningsfull alt-text.

### I WooCommerce och WordPress
1. Hitta länkarna som saknar namn. De flesta är ikoner eller bilder i en <a>-tagg.
2. Lägg till visuellt dold text i länken, eller ett aria-label som aria-label="Instagram" eller aria-label="Cart".
3. Om länken omsluter en bild ger du i stället bilden en meningsfull alt-text.

## Så kontrollerar du åtgärden
- Skanna igen och bekräfta att link-name är borta.
- Tabba till varje länk med en skärmläsare igång och lyssna på namnet.

## Källor
- Dokumentation för axe-core-regeln (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name
- Förklaring av WCAG 2.4.4 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
- Förklaring av WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value