Link ohne erkennbaren Linktext
SchwerwiegendWCAG-Kriterium 2.4.4WCAG-Kriterium 4.1.2BFSG-relevant
Was ist das 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.
Warum ist das relevant?
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.
So behebst du es
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.
Ist deine Website betroffen?
Der kostenlose Schnell-Check prüft bis zu 5 Seiten in wenigen Minuten — ohne Registrierung.
Kostenlosen Schnell-Check starten