# Leerer Link: Fehler verstehen und beheben

Source: https://allyway.ai/de/glossary/leerer-link

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)](https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html), ein Kriterium der Stufe A in [WCAG 2.2](https://allyway.ai/de/regulations/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 |

> **Tip:** > **Das Ziel benennen, nicht das Bild**
> Für ein Logo, das zur Startseite führt, ist „Startseite Beispiel-Shop“ besser als „Logo“. Der Name soll sagen, wohin der Link führt.

## Praxisbeispiele

Typische leere Links sind Social-Media-Icons im Footer und das Logo im Header. Oft ist ein [fehlendes Alt-Attribut](https://allyway.ai/de/glossary/fehlendes-alt-attribut) die eigentliche Ursache.

```html title="Beispiel"
<!-- 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>
```

**Do:** Do

Jedem Icon- oder Bildlink einen kurzen Namen für sein Ziel geben – über einen [Alternativtext](https://allyway.ai/de/glossary/alternativtext) im Bild, ein `aria-label` oder visuell versteckten Text. Links ohne Inhalt und ohne Funktion löschen.

**Don't:** Don't

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](https://allyway.ai/de/integrations/wordpress-accessibility-integration) lohnt sich zuerst ein Blick auf Navigation und Social-Icons.

## Häufige Fragen

Q: Was bedeutet „leerer Link“ im Prüfbericht?
A: Der Link hat keinen zugänglichen Namen. Ein Screenreader kann nicht ansagen, wohin er führt, und liest nur „Link“ oder die Adresse vor.

Q: Ist ein leerer Link ein Verstoß gegen die WCAG?
A: 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](https://allyway.ai/de/regulations/bfsg).

Q: Reicht ein title-Attribut als Linktext?
A: 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`.

Q: Wie finde ich leere Links auf meiner Website?
A: Prüfen Sie Ihre Startseite mit dem [kostenlosen WCAG-Scanner](https://allyway.ai/de/free-wcag-accessibility-scanner-for-websites). Er listet leere Links zusammen mit anderen Fehlern wie einem [leeren Button](https://allyway.ai/de/glossary/leerer-button).

Q: Kann allyWay leere Links automatisch beheben?
A: 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](https://allyway.ai/de/automatic-accessibility-fixes-for-website) setzt das allyWay-Skript um, Ihr CMS, Theme und Ihre Dateien bleiben unverändert, und jede Korrektur wird protokolliert. [Kostenlos starten](https://app.allyway.ai/register) und sehen, wie viele leere Links allyWay auf Ihrer Website behebt.