Leere Links

Silktide findet Links, die gar keinen Text enthalten – weder sichtbar noch als Textalternative. Eine Person, die einen Screenreader verwendet, hört nur "Link" und hat keine Möglichkeit zu wissen, wohin er führt.

<!-- Leer: ein Icon-Link ohne Textalternative -->
<a href="/search"><svg>...</svg></a>

<!-- Behoben: Der Alt-Text des Bildes benennt das Ziel -->
<a href="/"><img src="logo.png" alt="Startseite von Example Corp"></a>

<!-- Behoben: Ein aria-label benennt das Ziel -->
<a href="/search" aria-label="Suche"><svg>...</svg></a>

Warum das wichtig ist

Links sind der Weg, wie Menschen sich durch Ihre Website bewegen, und nicht alle können sie sehen. Ein gibt jeden Link anhand seines Textes aus; wenn keiner vorhanden ist, hört die Person nur "Link" und muss raten oder ihn überspringen. Viele blinde Nutzende navigieren außerdem, indem sie sich eine Liste aller Links auf der Seite anzeigen lassen – eine Liste mit unbenannten Einträgen ist nutzlos.

Leere Links entstehen meist versehentlich: Ein Icon ersetzt Text, ein Bild verliert seinen oder ein übrig gebliebenes <a>-Tag bleibt zurück. Suchmaschinen können ebenso wenig erkennen, wohin ein leerer Link führt.

So beheben Sie das Problem

Wenn der Link sichtbaren Text haben soll, fügen Sie ihn hinzu.
Wenn der Link ein Bild ist, geben Sie dem Bild einen Alt-Text, der das Ziel benennt, z. B. alt="Startseite von Example Corp" für ein Logo, das auf Ihre Startseite verlinkt – nicht eine Beschreibung des Bildes.
Wenn der Link ein Icon ist, fügen Sie ein hinzu, das das Ziel benennt, oder fügen Sie Text hinzu, der visuell verborgen, aber für Screenreader verfügbar ist.
Wenn der Link ein Überbleibsel ohne Inhalt und Zweck ist, löschen Sie ihn.

So prüft Silktide dies

Alle Links auf jeder Seite finden, einschließlich Image-Map-Bereiche.
Elemente überspringen, denen ein funktionierendes Linkziel fehlt.
Den Linktext auslesen, einschließlich Alt-Text und Textalternativen wie aria-label und title am Link sowie allem, was darin enthalten ist.
Den Link melden, wenn überhaupt kein Text gefunden wird.

Fehlerbehebung

Der Link sieht auf der Seite in Ordnung aus

Ein Link kann in Ordnung aussehen und trotzdem leer sein, weil sein Aussehen von einem Icon oder einem -Hintergrundbild stammt – beides verleiht ihm keinen Namen. Prüfen Sie das zugrunde liegende auf eine Textalternative.

Die Bedeutung des Icons ist offensichtlich

Nur für Menschen, die es sehen können. Eine Lupe steht visuell für "Suche", aber ein Screenreader kann Bilder ohne Textalternative nicht beschreiben – die Bezeichnung muss im Markup stehen.