Stellen Sie sicher, dass Sie die Linktexte so bearbeiten, dass aus ihnen klar hervorgeht, wohin die Links führen.

Ein Link, auf den der Besucher klicken soll, muss verständlich sein, noch bevor er darauf klickt. Es muss klar verständlich sein, worauf dieser Link verweist, auch ohne Kontext. „Hier klicken“ oder „Mehr erfahren“ ist nicht explizit genug, wenn man den Text oder die visuelle Darstellung nicht sehen kann.

Die Ziele:

  • Wenn die Linktexte auf einer Website deutlich beschreiben, wohin sie führen, können Personen mit einer Sehbehinderung die Website viel effizienter verwenden.
  • Es erspart auch anderen Besuchern die Mühe, Links zu folgen, die sie hinterher nicht interessant finden (weil sie aus dem Linktext bereits schließen können, wohin der Link führen wird.
  • Ein anderer Vorteil von deutlichen Linktexten ist die Verbesserung des Rankings bei Suchmaschinen wie Google.

Wie wendet man das an?

Wenn Sie einen Link-Text lesen können und wissen, wohin er Sie führen wird, handelt es sich um einen guten Link.

Wenn Sie aufgrund des Seitenlayouts oder aus einem anderen Grund keinen deutlichen Linktext verfassen können, gibt es noch einige andere Optionen:

  • Sorgen Sie dafür, dass der Zweck des Links deutlich aus dem Text vor dem Link – also im gleichen HTML-Element – hervorgeht.
  • Verwenden Sie CSS, um einen Teil des Linktextes zu beschreiben.
  • Verwenden Sie ARIA-Attribute, um den Zweck des Links zu beschreiben.

Beispiele

Deutlicher Linktext

Unklarer Linktext:

<a href="Zugang.html">Mehr...</a>

Klarer Linktext:

<a href="Zugang.html">Mehr über Barrierefreiheit</a>

Anmerkung: Mit CSS einen Teil des Linktextes ausblenden

Mit dieser Methode verfassen Sie einen vollständigen, deutlichen Linktext, von dem Sie anschließend einen Teil ausblenden. Es wird dann zwar ein kürzerer Link angezeigt, aber im Quellcode steht der vollständige Text. Besucher, die Vorlesesoftware verwenden, hören den vollständigen Linktext.

Im nachstehenden Beispiel sehen Sie nur den Text „Mehr“. Der Text „über Barrierefreiheit“ wird ausgeblendet, steht jedoch im Quellcode.

<a href="Zugang.html">Mehr... <span class="ausgeblendet"> über Barrierefreiheit</span></a>

Für Redakteure

Die Aufgabe des Online-Redakteurs ist es, deutliche Linktexte zu verfassen.