Link ohne erkennbaren Linktext
SeriousWCAG criterion 2.4.4WCAG criterion 4.1.2BFSG-relevant
What is the problem?
Ein Link hat keinen zugänglichen Namen — etwa ein verlinktes Icon ohne Text oder Beschriftung. Screenreader-Nutzer hören nur „Link" und wissen nicht, wohin er führt. Gerade in Navigation und Footer bleibt so ganze Funktionalität verborgen.
Why does it matter?
WCAG 2.1 Erfolgskriterien 2.4.4 (Linkzweck im Kontext, Stufe A) und 4.1.2 (Name, Rolle, Wert, Stufe A) verlangen, dass der Zweck jedes Links programmatisch bestimmbar ist. Relevant für die BFSG-Bewertung.
How to fix it
Gib jedem Link einen erkennbaren Namen: sichtbarer Linktext, oder bei Icon-Links ein aria-label (z. B. <a href="/warenkorb" aria-label="Warenkorb anzeigen">). Bei Bild-Links reicht ein aussagekräftiger Alt-Text des Bildes.
Shopware
Betroffen sind meist Social-Icons und Header-Icons aus dem Theme: im Theme-Child das Twig-Template überschreiben und aria-label ergänzen, oder die Icon-Links um visually-hidden-Text erweitern.
WooCommerce
Social-Icons und Icon-Menüs: im Customizer/Builder die Beschriftungs-Option nutzen oder im Child-Theme aria-label ergänzen. Bild-Links: Alt-Text des Bildes in der Mediathek pflegen.
Shopify
Im Code-Editor die Icon-Links (Header, Footer, Social) mit aria-label versehen; bei Logo-Links den Shopnamen als Alt-Text des Logos setzen (Theme-Einstellung „Logo-Alt-Text").
WordPress
Navigation und Social-Icons: Beschriftung im Menü-Editor pflegen. Bild-Links (z. B. Logo): Alt-Text in der Mediathek setzen. Icon-only-Widgets mit aria-label ergänzen.
TYPO3
Fluid-Templates der Icon-Links anpassen (aria-label) und bei Bild-Links den Alternativtext der Datei pflegen.
Is your website affected?
The free quick check tests up to 5 pages within minutes — no registration.
Start a free quick check