WCAG 2.4.4 Linkzweck (im Kontext)

Erfolgskriterium 2.4.4 verlangt, dass der Zweck jedes Links allein aus dem Linktext bestimmt werden kann, oder aus dem Linktext zusammen mit seinem programmatisch bestimmbaren Kontext (dem umgebenden Satz, Listenelement oder der Tabellenzelle, in der er erscheint). Es ist ein Kriterium der Stufe A unter Richtlinie 2.4 (Navigierbar).

Zwei Fehlermodi, nicht einer

Dieses Kriterium deckt tatsächlich zwei verwandte, aber unterschiedliche Probleme ab:

Ein Link ganz ohne barrierefreien Namen – ein reiner Symbol-Link, oder ein Bild-Link ohne Alternativtext – wird einem Screenreader als bloßer "Link" angekündigt, ohne jeden vermittelbaren Zweck. Dies ist der schwerwiegendere Fehler und überschneidet sich mit WCAG 4.1.2 (Name, Rolle, Wert). Siehe Leere Links und Schaltflächen.

Ein Link mit Text, aber Text, der außerhalb des Kontexts mehrdeutig ist – "hier klicken", "weiterlesen", "mehr erfahren", identisch wiederholt über viele Links auf derselben Seite. Die meisten Screenreader bieten eine Abkürzung, um die Links einer Seite als eigenständige Liste zu durchsuchen, unabhängig vom umgebenden Absatztext; zehn identische "Weiterlesen"-Links in dieser Liste sind nicht voneinander zu unterscheiden, obwohl jeder technisch nicht leer ist.

Was "im Kontext" erlaubt

Dieses konkrete Kriterium (2.4.4, im Gegensatz zu seinem strengeren AAA-Stufen-Pendant 2.4.9, Linkzweck – nur Link) erlaubt es, sich auf umgebenden Kontext zu verlassen, um einen Link eindeutig zu machen, nicht nur den isolierten Linktext. "Weiterlesen" ist unter 2.4.4 akzeptabel, wenn der Satz oder das Listenelement, in das es eingebettet ist, sein Ziel klar macht, wenn es zusammen gelesen wird – die Messlatte ist "im Kontext bestimmbar", nicht "rein aus dem Linktext ohne jede umgebende Information bestimmbar".

Die praktische Lösung

Machen Sie den Linktext selbst wo möglich konkret: "Lesen Sie unseren Q3-Ergebnisbericht" schlägt "Weiterlesen". Wo ein wiederholtes Muster dies umständlich macht (ein Karten-Raster, bei dem jede Karte mit "Mehr erfahren" endet), löst eine visuell verborgene Spanne, die den barrierefreien Namen erweitert, das Problem, ohne zu ändern, was auf dem Bildschirm angezeigt wird:

<a href="/blog/q3-ergebnisse">
  Weiterlesen<span class="sr-only"> über unsere Q3-Ergebnisse</span>
</a>