Stufe A · WCAG 2.0
2.4.4 Linkzweck (im Kontext)
Der Zweck eines Links ergibt sich aus dem Linktext oder aus dem Satz, in dem er steht.
Teilweise automatisch Manche Verstöße sind erkennbar, der Rest braucht Bewertung.
Woran es in der Praxis scheitert
Eine Seite mit zwölf „Mehr erfahren“-Links, die ein Screenreader als zwölf identische Einträge auflistet.
Wie man es repariert
Schreiben Sie das Ziel in den Link: „BFSG-Leitfaden lesen“. Wenn das Design kurzen Text verlangt, ergänzen Sie visuell verborgenen Text statt eines aria-label, das dem Sichtbaren widerspricht.
Auf einen Blick
- Stufe
- Stufe A — das Minimum. Ein Verstoß hier macht etwas meist unmöglich, nicht bloß mühsam.
- Prinzip
- Bedienbar
- Richtlinie
- 2.4 Navigierbar
- Neu in
- WCAG 2.0
- EN 301 549
- 9.2.4.4
- Englische Bezeichnung
- Link Purpose (In Context)
- Automatische Prüfung
- Teilweise automatisch
So prüfen Sie es von Hand
- Öffnen Sie die Linkliste – im Screenreader oder mit einem Bookmarklet – und lesen Sie sie ohne die Seite drumherum.
- Jeder Link sollte für sich verständlich sein oder zusammen mit seinem Satz, Absatz, Listenpunkt oder seiner Tabellenzelle. Mehrere „Mehr erfahren“-Links mit verschiedenen Zielen sind das typische Zeichen.
- Prüfen Sie Links, die nur aus einem Bild oder Icon bestehen: Die Textalternative muss das Linkziel nennen.
- Wo der sichtbare Text kurz bleiben muss, prüfen Sie, dass die fehlenden Worte als visuell verborgener Text im Link stehen – ein
aria-label, das etwas anderes sagt als der Bildschirm, bricht die Sprachsteuerung.
Im Code
<article class="product-card">
<img src="hemd.jpg" alt="">
<a href="/p/4417">Mehr erfahren</a>
</article>
<article class="product-card">
<img src="hemd.jpg" alt="">
<a href="/p/4417">Mehr erfahren<span class="visually-hidden">
über das Leinenhemd</span></a>
</article>
Teilweise automatisch
Wie weit eine automatische Prüfung kommt
Ein Werkzeug findet hier einen Teil der Verstöße und sieht den Rest nicht. Ein sauberes automatisches Ergebnis heißt: die vorhandenen Prüfungen haben nichts gefunden — nicht, dass das Kriterium erfüllt ist. Genau diese Lücke lässt einen grünen Scan wie eine barrierefreie Website aussehen, und genau dort arbeiten der Tastatur-Agent, die Agenten in Entwicklung und ein Mensch weiter.
Regeln, die dieses Kriterium prüfen
area-altAktive <area>-Elemente müssen einen Alternativtext besitzen.link-nameLink ohne erkennbaren Text
Die Regel-IDs stammen aus axe-core (Version 4.14.0), der Open-Source-Engine, auf der unser Scan läuft, und von unserem Tastatur-Agenten – so heißen sie auch in einem Bericht oder im CI-Log. Eine unterstrichene ID hat hier eine eigene Seite.
Wo es besonders zählt
Leitfäden, in denen dieses Kriterium zu den ersten Prüfpunkten gehört.
Verwandte Kriterien
Weitere Kriterien unter derselben Richtlinie.
Weiterlesen
-
link-name
Die axe-Regel link-name meldet Links ohne zugänglichen Namen – Icon-Links, Bildlinks ohne alt, leere Anker. Die Lösung mit Codebeispiel.
Finden Sie heraus, welche Kriterien Ihre Website verfehlt
Wir prüfen bis zu 100 Seiten gegen WCAG 2.2 AA, schicken den Tastatur-Agenten durch die Seite, die Sie benennen, und senden Ihnen den Bericht per E-Mail — einmal, kostenlos, ohne Bedingungen.