Ankertexte barrierefrei gestalten: Verständliche Linkbeschriftungen und ihr Kontext

Written by

in

Links verbinden Inhalte und unterstützen Menschen dabei, sich auf einer Website zu orientieren. Damit diese Funktion für möglichst viele Nutzende verständlich ist, sollte die Linkbeschriftung klar benennen, wohin ein Verweis führt oder welche Information er erschließt. Ein gut formulierter Ankertext ist kurz genug, um leicht erfassbar zu sein, und zugleich aussagekräftig genug, um auch außerhalb seines Absatzes einen erkennbaren Zweck zu haben.

Was einen verständlichen Ankertext ausmacht

Die sichtbaren Wörter eines Links bilden dessen Ankertext. Formulierungen wie „weiterlesen“ oder „mehr erfahren“ können im direkten Zusammenhang verständlich wirken, sagen für sich genommen jedoch wenig über das Ziel aus. Aussagekräftige Beschriftungen stellen dagegen einen Bezug zum Inhalt der Zielseite oder zur damit verbundenen Handlung her. So können Nutzende bereits beim Überfliegen eines Textes entscheiden, welche Verweise für sie relevant sind.

Diese Klarheit ist besonders wichtig für Menschen, die eine Seite mit einer Tastatur oder einem Screenreader bedienen. Screenreader können eine Liste der Links auf einer Seite ausgeben. Werden darin mehrere ähnlich beschriftete Verweise angezeigt, erleichtern präzise Ankertexte die Auswahl. Auch Menschen, die Texte nur überfliegen oder auf einem kleinen Bildschirm lesen, profitieren von einer verständlichen Benennung.

Der Kontext ergänzt die Linkbeschriftung

Ein Ankertext muss nicht jede Einzelheit des Ziels wiedergeben. Der umgebende Satz und der Absatz können zusätzliche Orientierung bieten, etwa indem sie Thema, Zweck oder Format des verlinkten Inhalts erläutern. Wichtig ist, dass die Beschriftung selbst bereits einen hilfreichen Hinweis enthält und der Kontext diesen sinnvoll ergänzt. Auf diese Weise entsteht eine klare Verbindung zwischen dem Link und der Information, die ihn umgibt.

In einem thematisch passenden Text kann die Formulierung bonus ohne einzahlung als kurze, thematisch erkennbare Linkbeschriftung dienen. Der umgebende Satz kann zusätzlich einordnen, welche Art von Information der Verweis erschließt. So erhalten Lesende sowohl durch den Ankertext als auch durch den Kontext Orientierung, ohne dass die Beschriftung unnötig lang werden muss.

Beschriftungen sorgfältig formulieren

Bei der Auswahl eines Ankertexts hilft es, die Formulierung aus Sicht der Lesenden zu prüfen: Ist das Thema des Ziels erkennbar? Passt die Beschriftung grammatisch und inhaltlich in den Satz? Würde sie auch in einer Liste mehrerer Links verständlich bleiben? Diese Fragen unterstützen eine konsistente und informative Gestaltung. Wenn ein Link eine bestimmte Aktion auslöst, sollte die Beschriftung die Aktion möglichst konkret benennen, etwa „Anmeldeformular öffnen“ statt eines allgemeinen „hier“.

Auch die Länge verdient Aufmerksamkeit. Ein einzelnes Wort kann passend sein, wenn es ein eindeutiges Ziel bezeichnet; bei komplexeren Inhalten kann eine kurze Wortgruppe mehr Orientierung schaffen. Ganze Sätze als Linktext sind meist schwerer zu überblicken. Ebenso trägt eine einheitliche Benennung verwandter Verweise dazu bei, dass eine Seite leichter erfassbar bleibt.

Gestaltung und Prüfung im Zusammenspiel

Linkbeschriftungen sollten sich visuell klar vom Fließtext unterscheiden, etwa durch eine erkennbare Farbe und eine zusätzliche Hervorhebung. So bleibt ihre Funktion auch dann erkennbar, wenn Farbe allein nicht gut wahrgenommen werden kann. Für die Bedienung mit der Tastatur ist außerdem wichtig, dass der jeweils fokussierte Link sichtbar hervorgehoben wird.

Eine abschließende Prüfung kann verschiedene Nutzungsperspektiven einbeziehen: Links lassen sich einzeln aus dem Textzusammenhang lesen, per Tastatur ansteuern und mit einem Screenreader erfassen. Werden Beschriftung, Kontext und visuelle Gestaltung gemeinsam betrachtet, entsteht eine verlässliche Orientierung. Verständliche Ankertexte machen damit nicht nur einzelne Verweise informativer, sondern unterstützen den Zugang zu den Inhalten der gesamten Website.