Linktexte, die auch ohne Kontext verständlich sind

Screenreader-Nutzer lassen sich oft eine Liste aller Links auf einer Seite anzeigen. Jeder Link muss auch ohne den umgebenden Satz verständlich sein.

Stellen Sie sich eine Liste mit zehn Links vor, die alle nur hier klicken heißen. Ohne Kontext sind sie nutzlos, weil nichts sie voneinander unterscheidet. 😕

Guter Linktext benennt das Ziel. Verwenden Sie den Titel der Seite oder des Dokuments, damit der Link für sich allein eindeutig verständlich ist.

Formulierungen wie mehr lesen und mehr erfahren wiederholen sich auf einer Seite und verraten niemandem, wohin sie tatsächlich führen.

Setzen Sie die nützlichsten Wörter an den Anfang des Links. Nutzer, die nach dem Anfangsbuchstaben suchen, finden den richtigen Link so schneller.

Eine rohe URL als Linktext wird laut als lange Folge aus Buchstaben und Schrägstrichen vorgelesen. Verwenden Sie stattdessen verständliche Wörter, die das Ziel benennen.

Wenn zwei Links zum selben Ziel führen, geben Sie ihnen denselben Text. Unterschiedliche Formulierungen für ein Ziel verwirren nur.

Wenn der kurze sichtbare Text erhalten bleiben muss, kann aria-label dem Link einen ausführlicheren barrierefreien Namen geben, den Screenreader ansagen.

Wenn Sie ein Label ergänzen, müssen die sichtbaren Wörter im barrierefreien Namen enthalten bleiben, damit Nutzer der Sprachsteuerung weiterhin sagen können, was sie sehen.

Ein Link, der nur aus einem Symbol besteht, enthält keinen vorlesbaren Text. Geben Sie ihm ein sichtbares Label oder einen barrierefreien Namen, niemals nichts.

In Ihrem Text benötigen Sie das Wort Link normalerweise nicht. Der Screenreader gibt die Rolle bereits aus, sonst würde sie zweimal genannt.

Warum ist Linktext wie „hier klicken“ für Screenreader-Nutzer problematisch?

Schreiben Sie Linktext, der für sich allein verständlich ist und das Ziel benennt. Lassen Sie „hier klicken“ weg, dann wird jeder Link selbsterklärend. ✨