# Links müssen wahrnehmbaren Text beinhalten

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

WCAG 2.4.4 Linkzweck (im Kontext), 4.1.2 Name, Rolle, Wert · Stufe A

Manche Links haben keinen Text, den ein Screenreader ansagen kann, oft reine Icon-Links wie Social-Media-Icons oder das Warenkorb-Icon.

## Was diese Regel prüft
Stellt sicher, dass Links wahrnehmbaren Text beinhalten.

## Warum das wichtig ist
WCAG 2.4.4 und 4.1.2 verlangen, dass Links einen zugänglichen Namen haben, der ihren Zweck beschreibt.

## So beheben Sie es
### Auf jeder Website
1. Suchen Sie die Links, die keinen Namen haben. Meist sind es Icons oder Bilder in einem <a>-Tag.
2. Fügen Sie im Link visuell versteckten Text ein oder ein aria-label wie aria-label="Instagram" oder aria-label="Cart".
3. Umschließt der Link ein Bild, geben Sie stattdessen dem Bild einen aussagekräftigen Alternativtext.

### In Shopify
1. Suchen Sie die Links, die keinen Namen haben. Meist sind es Icons oder Bilder in einem <a>-Tag.
2. Fügen Sie im Link visuell versteckten Text ein oder ein aria-label wie aria-label="Instagram" oder aria-label="Cart".
3. Umschließt der Link ein Bild, geben Sie stattdessen dem Bild einen aussagekräftigen Alternativtext.

### In WooCommerce und WordPress
1. Suchen Sie die Links, die keinen Namen haben. Meist sind es Icons oder Bilder in einem <a>-Tag.
2. Fügen Sie im Link visuell versteckten Text ein oder ein aria-label wie aria-label="Instagram" oder aria-label="Cart".
3. Umschließt der Link ein Bild, geben Sie stattdessen dem Bild einen aussagekräftigen Alternativtext.

## So prüfen Sie die Korrektur
- Scannen Sie erneut und prüfen Sie, dass link-name nicht mehr auftritt.
- Springen Sie bei laufendem Screenreader mit der Tabulatortaste zu jedem Link und hören Sie sich den Namen an.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name
- Erläuterungen zu WCAG 2.4.4 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
- Erläuterungen zu WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value