2.4.4 Linkzweck (im Kontext)

Was bedeutet das?

Screenreader-Nutzer lassen sich oft alle Links einer Seite als Liste anzeigen. Steht dort zehnmal „Hier klicken“ oder „Mehr“, weiß niemand, wohin die Links führen. Der Linktext sollte daher das Ziel nennen.

Erlaubt ist auch, dass der Zusammenhang den Zweck klärt, etwa der Satz, der Listenpunkt, die Tabellenzelle oder die zugehörige Überschrift. Ausgenommen sind nur Links, deren Zweck für alle Menschen gleich unklar wäre.

Wem hilft das?

• Screenreader-Nutzer, die über eine Linkliste navigieren
• Sprachsteuerungsnutzer, die Links per Sprache aufrufen
• Menschen mit kognitiven Einschränkungen, die klare Ziele brauchen

Typische Fehler

• Linktexte wie „hier“, „mehr“, „weiterlesen“ ohne erkennbaren Zusammenhang
• Verlinkte Bilder oder Symbole ohne Alternativtext, etwa ein Warenkorb- oder Social-Media-Symbol
• Mehrere gleichlautende Links, die zu unterschiedlichen Zielen führen
• Nackte, lange Adressen als Linktext

So prüfen wir das

• axe-core Automatisch: axe-core findet typische Verstöße. Ein Verstoß wird als „nicht erfüllt“ vorausgefüllt.
• Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Ist der Zweck jedes Links aus Text oder Kontext klar? Markierte generische Linktexte prüfen.

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

<h3>Herbstkollektion</h3>
<p>Neue Jacken eingetroffen.
  <a href="/herbst">Mehr</a></p>

<h3>Herbstkollektion</h3>
<p>Neue Jacken eingetroffen.
  <a href="/herbst">Herbstkollektion ansehen</a></p>

Der Linktext nennt das Ziel selbst und bleibt auch in einer Linkliste ohne Umfeld verständlich.

Praxistipps

• Verlinkte Symbole brauchen einen Namen, etwa über einen Alternativtext am Bild oder aria-label am Link.
• Kündigen Sie Dateien und neue Fenster im Linktext an, etwa „Preisliste (PDF, 200 KB)“.

Ratgeber und Muster dazu

• Der richtige Alternativtext in fünf FragenEin guter Alternativtext ersetzt, was das Bild auf dieser Seite leistet, nicht was darauf zu sehen ist. Mit fünf Fragen finden Sie für jedes Bild die passende Lösung.
• In 30 Minuten zum ersten Screenreader-TestEin Screenreader zeigt schonungslos, ob Ihre Seite sauber aufgebaut ist. Mit dieser Anleitung testen Sie Ihre wichtigsten Seiten selbst, mit kostenlosen Werkzeugen und ohne Vorkenntnisse.
• Die Erklärung zur Barrierefreiheit: vollständig, ehrlich, leicht zu findenUnternehmen und öffentliche Stellen müssen erklären, wie barrierefrei ihr Angebot ist. Hier steht, welche Angaben jeweils Pflicht sind und wie Sie die Erklärung so schreiben, dass sie hilft.

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 2.4.4 Link Purpose (In Context)