Links ohne erkennbaren Namen

Meldung in axe und Lighthouse: Links müssen wahrnehmbaren Text beinhalten. · link-name · WCAG 2.4.4, 4.1.2

Was das bedeutet und warum es wichtig ist

Icon-Links (Warenkorb, Social Media, Logo) ohne Text werden nur als „Link“ angesagt. Niemand weiß, wohin sie führen (WCAG 2.4.4, 4.1.2).

Sichtbaren Text oder ein aria-label ergänzen, z. B. aria-label="Warenkorb". Bei Bild-Links dem Bild einen sinnvollen Alt-Text geben.

<a href="/cart"><svg class="icon-cart"></svg></a>

<a href="/cart" aria-label="Shopping cart (2 items)"><svg class="icon-cart" aria-hidden="true"></svg></a>

Prüfen Sie eine beliebige Seite kostenlos — Ergebnis in Sekunden, mit Lösungshinweisen.