WCAG & BFSG · WCAG-Referenz: Bedienbar

WCAG 2.4.4: Linkzweck (im Kontext)

Der Zweck jedes Links muss sich aus dem Linktext ergeben – oder aus dem Linktext zusammen mit seinem programmatisch ermittelbaren Kontext (derselbe Satz, Listenpunkt oder die Tabellenzelle). „Hier klicken“ und „Mehr“ scheitern daran regelmäßig. (Englisch: Link Purpose (In Context).)

Stufe Prinzip Teil der WCAG seit Rechtlich verbindlich?
A Bedienbar 2.0 (2008) Ja – über EN 301 549 in BFSG & BITV

Was verlangt das Kriterium?

Screenreader-Nutzer lassen sich alle Links einer Seite als Liste anzeigen – aus dem Kontext gerissen. Zehnmal „Mehr erfahren“ in dieser Liste ist zehnmal dieselbe Nicht-Information. Der Linktext (bzw. sein unmittelbarer Kontext) muss die Frage beantworten: Wohin führt das?

Erlaubt ist der Kontext im selben Satz oder Listenelement – am robustesten bleibt aber der selbsterklärende Linktext, denn nur er funktioniert auch in der Link-Liste.

Wen betrifft es besonders?

Screenreader-Nutzer (Link-Listen, Tab-Sprünge von Link zu Link), Sprachsteuerungs-Nutzer („Klicke Mehr“ trifft fünfmal), Menschen mit kognitiven Einschränkungen – und alle Überflieger, denn gescannt wird nur, was aussagekräftig ist. Nebenbei sind Linktexte ein klassisches SEO-Signal.

Richtig & falsch im Code

<!-- Falsch: Ziel unklar -->
<p>Unsere Preisliste finden Sie <a href="/preise.html">hier</a>.</p>

<!-- Richtig: der Link trägt die Information -->
<p>Alle Details stehen in der <a href="/preise.html">Preisliste</a>.</p>

<!-- Karten-Muster: „Mehr"-Optik, aber vollständiger zugänglicher Name -->
<a href="/kurs-aria.html">
  Mehr erfahren<span class="visually-hidden"> zum Kurs „ARIA in der Praxis"</span>
</a>

Vorsicht mit aria-label als Abkürzung: Es überschreibt den sichtbaren Text komplett und muss ihn deshalb enthalten – sonst bricht die Sprachsteuerung. Bei Datei-Links gehören Format und Größe in den Text („Jahresbericht (PDF, 2 MB)“).

So testest du es

  1. Link-Liste ziehen: In NVDA NVDA+F7, in VoiceOver der Rotor – ist jeder Eintrag für sich verständlich?
  2. Volltextsuche nach den üblichen Verdächtigen: „hier“, „mehr“, „weiter“, „Link“, „klicken“.
  3. Bei Karten-Layouts prüfen, ob der zugängliche Name das Ziel enthält (klickbare Cards).

Verwandte Themen

Gratis E-Book PDF Das Praxishandbuch

Kostenloses E-Book

Das Praxishandbuch für sauberes, zugängliches Web

Alles rund um semantisches HTML, Barrierefreiheit, WCAG & BFSG, GEO und SEO — praxisnah und am echten Code. In mehreren Feedbackschleifen von Leserinnen und Lesern verbessert.

  • 3.000+ Downloads
  • 7. Auflage
  • 37 Seiten
  • PDF

Kein Spam. Abmeldung jederzeit mit einem Klick möglich.