link-name · WCAG 2.4.4 Link Purpose (In Context) · Stufe AWie Sie das „link-name“-Problem beheben
Die axe-core-Regel link-name schlägt fehl, wenn ein Link keinen zugänglichen Namen hat — typischerweise ein reiner Icon-Link ohne Text. Screenreader-Nutzer hören nur „Link“ ohne Ziel. WCAG 2.2 (2.4.4 / 4.1.2, Stufe A) verlangt, dass jeder Link seinen Zweck offenlegt.
Was axe-core prüft
axe-core meldet jedes <a href>, dessen berechneter zugänglicher Name leer ist — kein sichtbarer Text, kein aria-label und kein Bild-alt darin.
Welcher Norm das entspricht
| WCAG 2.2 | 2.4.4 Link Purpose (In Context) (Stufe A) |
| EN 301 549 | 9.2.4.4 |
| BFSG / EAA | BFSG § 12 i. V. m. EN 301 549 · EAA Anhang I |
| Kategorie | Links & Navigation |
Warum es zählt
Icon-Links (Warenkorb, Suche, Social) finden sich in jedem Shop-Header. Ohne Namen sind sie Sackgassen für Tastatur- und Screenreader-Nutzer — ein Stufe-A-Fehler, leicht in einer BFSG-Beanstandung vorzuführen.
Häufige Ursachen
- Reine Icon-Links (Warenkorb, Menü, Social) ohne Label
- Links um ein
<img>mit leerem Alt - Links um ein Inline-
<svg>ohne Titel - Generisches „hier klicken“ / „mehr“ ohne Kontext
Wie Sie es beheben
Geben Sie dem Link einen Namen: sichtbaren Text, ein aria-label oder Alt-Text am enthaltenen Bild. Für SVG-Icons ein aria-label am Link setzen.
<!-- Fehler: kein zugänglicher Name -->
<a href="/warenkorb"><svg>…</svg></a>
<!-- Besteht -->
<a href="/warenkorb" aria-label="Warenkorb"><svg aria-hidden="true">…</svg></a>Verwandte Prüfungen
FAQ
Ja — aria-label ersetzt den zugänglichen Namen. Bevorzugen Sie sichtbaren Text; nutzen Sie aria-label für reine Icon-Links.
Von axe nicht gemeldet (es hat Text), aber schlechte Praxis — Linktext sollte das Ziel beschreiben.
Finden Sie jeden solchen Fehler auf Ihrer Seite
Starten Sie einen kostenlosen WCAG 2.2 AA-Scan — echte axe-core-Engine, ohne Anmeldung. Oder ein zeitgestempelter Beweis-Report für 29 €.