Links, die für sich allein verständlich sind

Links sind die Türen Ihrer Website. Ihre Wörter sagen, wohin jede Tür führt. Auf einer Seite voller „hier klicken“ und „mehr lesen“ sind diese Türen unbeschriftet.

Wie Menschen Links nutzen

Screenreader-Nutzende rufen oft eine Liste aller Links einer Seite auf und wählen daraus. In dieser Liste steht jeder Link allein, ohne den Satz um ihn herum. Zehn Links mit „hier klicken“ werden zu zehn gleichen Türen.

Nutzende der Sprachsteuerung sprechen die Wörter aus, die sie sehen: „Klick auf Genehmigung beantragen“. Klarer, sichtbarer Linktext ist es, der das möglich macht.

Alle, die eine Seite überfliegen, lesen zuerst die Links. Guter Linktext hilft auch sehenden Lesenden.

WCAG 2.1 nennt das den Zweck eines Links: Der Zweck jedes Links soll aus dem Linktext hervorgehen oder aus dem Text zusammen mit seinem Satz. Linktext, der für sich allein verständlich ist, erfüllt das und geht darüber hinaus.

Die Regel: sagen, wohin es geht

Machen Sie den Linktext zum Namen des Ziels oder der Handlung:

• Statt „Um Ihre Wasserrechnung zu bezahlen, klicken Sie hier“ schreiben Sie „Wasserrechnung online bezahlen“.
• Statt „Mehr lesen“ schreiben Sie „Mehr zur Erweiterung der Bibliothek lesen“.
• Statt „Tagesordnung (Link)“ schreiben Sie „Tagesordnung der Ratssitzung am 12. Mai“.

Setzen Sie den Link auf die Wörter, auf die es ankommt, nicht auf „hier“, „dies“ oder „Link“.

Keine nackten Webadressen

Eine vollständige Adresse wie https://musterstadt.de/aemter/finanzen/versorgung/bezahlen wird von manchen Screenreadern Zeichen für Zeichen vorgelesen und sagt Überfliegenden wenig. Verwenden Sie Wörter, und behalten Sie die Adresse für den Druck, wo man nicht klicken kann.

Kurze, einprägsame Adressen sind die Ausnahme. „Sie finden uns unter musterstadt.de“ ist in Ordnung.

Sagen, wenn es keine Webseite ist

Wenn ein Link ein Dokument öffnet oder auf eine andere Website führt, sagen Sie es:

• „Haushalt 2027 (PDF, 4 MB)“
• „Auf der Website der Landesbehörde für Zulassungen beantragen“

Menschen am Telefon mit begrenztem Datenvolumen und Menschen, deren Screenreader PDFs anders behandeln, können dann entscheiden, bevor sie tippen. Lektion 4 behandelt PDFs.

Links und Schaltflächen

Ein Link führt irgendwohin: auf eine andere Seite, zu einem Abschnitt, zu einer Datei. Eine Schaltfläche tut etwas: Sie sendet ein Formular ab, öffnet ein Menü, spielt ein Video ab. Wenn Sie in einem Editor etwas einfügen, das eine Aktion auslöst, fragen Sie die Person, die die Website verwaltet, ob eine Schaltfläche die richtige Komponente ist. Das ist wichtig für Tastatur- und Screenreader-Nutzende, die erwarten, dass sich beides jeweils auf seine eigene Weise verhält.

Links wie Links aussehen lassen

Links sollten sich vom umgebenden Text durch mehr als nur die Farbe unterscheiden, meist durch eine Unterstreichung. Lektion 5 behandelt Farbe. Wenn der Stil Ihrer Website die Unterstreichung von Links in Absätzen entfernt, sagen Sie es Ihrer Ansprechperson für die Website.