Leerer Link: Fehler verstehen und beheben
Also called: Link ohne Text, Link ohne zugänglichen Namen, Unbenannter Link
Definition
Ein leerer Link ist ein Link ohne zugänglichen Namen – ohne Text, ohne Alternativtext im enthaltenen Bild und ohne aria-label. Screenreader können nur ansagen, dass es ein Link ist, aber nicht, wohin er führt.
Ein leerer Link ist ein Link, der keinen zugänglichen Namen hat: Es steht kein Text darin, den ein Screenreader vorlesen könnte. Prüftools melden ihn als „Leerer Link“, „Empty link“ oder „Link ohne zugänglichen Namen“. Fast immer steckt ein Icon, ein Logo oder ein Bild ohne Textalternative dahinter.
Was es bedeutet
Jeder Link braucht einen Namen, der sagt, wohin er führt. Sehende Besucher erkennen das Warenkorb-Symbol sofort. Ein Screenreader findet dagegen keinen Text und sagt nur „Link“ – oder liest die Webadresse vor. Wer sich die Seite vorlesen lässt oder sich eine Liste aller Links anzeigen lässt, hört eine Reihe namenloser Links und muss raten.
Die zugrunde liegende Regel ist WCAG 2.4.4 Linkzweck (im Kontext), ein Kriterium der Stufe A in WCAG 2.2. Der Zweck jedes Links muss sich aus dem Linktext allein oder zusammen mit seinem programmatisch ermittelbaren Kontext ergeben – also aus demselben Satz, Listenpunkt oder derselben Tabellenzelle. Ein leerer Link hat gar keinen Text und scheitert daher schon vor jeder Kontextprüfung. Das W3C führt ein Bild ohne zugänglichen Namen, das der einzige Inhalt eines Links ist, ausdrücklich als typischen Fehler (F89). Da Links Bedienelemente sind, verletzt ein namenloser Link zusätzlich 4.1.2 Name, Rolle, Wert.
| Ursache | Warum der Link leer ist | Lösung |
|---|---|---|
| Bildlink ohne alt | Das Bild hat keine Textalternative | Alternativtext ergänzen, der das Ziel nennt |
Bildlink mit alt="" |
Das leere alt versteckt den einzigen Inhalt | Echten Alternativtext schreiben |
| Nur Icon-Font oder SVG | Icons enthalten keinen Text | aria-label oder visuell versteckten Text ergänzen |
| Link ganz ohne Inhalt | Überbleibsel aus Vorlage oder Slider | Entfernen oder mit Text versehen |
Praxisbeispiele
Typische leere Links sind Social-Media-Icons im Footer und das Logo im Header. Oft ist ein fehlendes Alt-Attribut die eigentliche Ursache.
<!-- Leerer Link: nur ein Icon, kein Name -->
<a href="/warenkorb"><svg aria-hidden="true">…</svg></a>
<!-- Behoben: zugänglicher Name per aria-label -->
<a href="/warenkorb" aria-label="Warenkorb"><svg aria-hidden="true">…</svg></a>
<!-- Behoben: Bildlink mit aussagekräftigem Alternativtext -->
<a href="/"><img src="logo.svg" alt="Startseite Beispiel-Shop"></a>Jedem Icon- oder Bildlink einen kurzen Namen für sein Ziel geben – über einen Alternativtext im Bild, ein aria-label oder visuell versteckten Text. Links ohne Inhalt und ohne Funktion löschen.
Sich allein auf ein title-Attribut verlassen, beim einzigen Bild im Link alt="" setzen oder Namen wie „Icon“ oder „Klick“ vergeben.
So beheben Sie einen leeren Link
Läuft Ihre Website auf einem CMS, stammen Icon-Links meist aus dem Theme oder einem Menü-Baustein. Bei WordPress lohnt sich zuerst ein Blick auf Navigation und Social-Icons.
Häufige Fragen
Was bedeutet „leerer Link“ im Prüfbericht?
Der Link hat keinen zugänglichen Namen. Ein Screenreader kann nicht ansagen, wohin er führt, und liest nur „Link“ oder die Adresse vor.
Ist ein leerer Link ein Verstoß gegen die WCAG?
Ja. Er verletzt 2.4.4 Linkzweck (im Kontext) und 4.1.2 Name, Rolle, Wert, beide Stufe A. Damit ist er auch für Gesetze relevant, die auf den WCAG aufbauen, etwa das Barrierefreiheitsstärkungsgesetz.
Reicht ein title-Attribut als Linktext?
Nicht zuverlässig. Das W3C sieht title nur als Ergänzung zum Linktext, und viele Screenreader und Touch-Geräte ignorieren es. Nutzen Sie sichtbaren Text, Alternativtext oder aria-label.
Wie finde ich leere Links auf meiner Website?
Prüfen Sie Ihre Startseite mit dem kostenlosen WCAG-Scanner. Er listet leere Links zusammen mit anderen Fehlern wie einem leeren Button.
Kann allyWay leere Links automatisch beheben?
Ja. allyWay findet namenlose Links auf allen Seiten und gibt ihnen klare Namen, die Screenreader vorlesen können – von der KI aus Ihren Seiteninhalten geschrieben. Die automatischen Korrekturen setzt das allyWay-Skript um, Ihr CMS, Theme und Ihre Dateien bleiben unverändert, und jede Korrektur wird protokolliert. Kostenlos starten und sehen, wie viele leere Links allyWay auf Ihrer Website behebt.
Related terms
Fehlendes Alt-Attribut: Fehler erklärt und behoben
Ein fehlendes Alt-Attribut bedeutet, dass ein img-Element (oder ein Bild-Button bzw. Bereich einer Imagemap) gar kein alt-Attribut hat. Assistive Technologien wissen dann nicht, ob das Bild wichtig oder dekorativ ist, und lesen unter Umständen den Dateinamen vor.
Read definition: Fehlendes Alt-Attribut: Fehler erklärt und behobenLeerer Button: Fehler verstehen und beheben
Ein leerer Button ist eine Schaltfläche ohne zugänglichen Namen – ohne Text, ohne aria-label und ohne Alternativtext im enthaltenen Bild. Screenreader sagen nur „Schalter“ an, nicht aber, was er bewirkt.
Read definition: Leerer Button: Fehler verstehen und behebenAlternativtext: Gute Alt-Texte für Bilder schreiben
Ein Alternativtext ist eine kurze Textbeschreibung eines Bildes im alt-Attribut. Screenreader lesen ihn vor, Browser zeigen ihn an, wenn das Bild nicht lädt, und Suchmaschinen nutzen ihn, um den Bildinhalt zu verstehen.
Read definition: Alternativtext: Gute Alt-Texte für Bilder schreiben