2.4.4 - Linkzweck (Im Kontext)
Wenn ein Screenreader-Nutzer durch die Links auf einer Webseite navigiert, liest der Screenreader möglicherweise nur den Linktext und nicht den umgebenden Text. Daher ist es wichtig, dass der Linktext auch ohne den umgebenden Text Sinn ergibt. Der Linktext allein sollte den Zweck des Links vermitteln. Der Linktext sollte außerdem einzigartig und leicht auszusprechen sein.
Standardrichtlinien für den Linktext:
Vermeiden Sie generische Linktexte wie "Hier klicken", "Mehr" und "Weiterlesen". Diese Links können verwirrend sein, wenn ein Screenreader sie vorliest.
Vermeiden Sie sehr lange Linktexte. Ein kurzer Satz kann ein Link sein, aber kein ganzer Absatz.
Der Hyperlinktext sollte nicht aus der URL bestehen.
Wenn ein Hyperlink eine Datei herunterlädt, sollte dies erwähnt werden.
Wenn ein Hyperlink in einem neuen Browser-Tab oder -Fenster geöffnet wird, sollte dies erwähnt werden.
Geben Sie dem Hyperlinktext eine andere Farbe als dem umgebenden Text.
Hyperlinktexte sind normalerweise blau, können aber jede Farbe haben, die ausreichend mit den umgebenden Farben kontrastiert.
Verwenden Sie die gleiche Farbe für alle Hyperlinks in einem Dokument oder auf einer Webseite.
Wenn ein Bild als Link fungiert, muss das Bild einen Alternativtext haben, der den Standort und den Zweck des Links vermittelt. Der Alternativtext sollte das Bild nicht beschreiben. Behandeln Sie Bildlinks als Links, nicht als Bilder.
Seiten sollten nicht mehr als einen Link zum gleichen Ziel nebeneinander haben.
Links mit demselben Text sollten einen ähnlichen Zweck haben. Das bedeutet, dass sie mit demselben Ziel verknüpft sein sollten.
Wie testet man den Linkzweck (Im Kontext) mit einem Screenreader?
Öffnen Sie die Seite mit eingeschaltetem Screenreader.
Drücken Sie nun die Tastenkombinationen Ihres Screenreaders, um die Liste der Links abzurufen. (Für NVDA verwenden Sie Ins+F7 und für JAWS drücken Sie F7)
oder
Verwenden Sie die Tabulatortaste, um alle Links auf der Seite zu durchlaufen.
Überprüfen Sie jeden sichtbaren Linktext. Er sollte den Zweck des Links beschreiben. Andernfalls überprüfen Sie, ob er die kontextuellen Informationen, die mit dem ARIA-Attribut bereitgestellt werden, ankündigt.
#wcag
#ADA Tutorial
www.clarionsite.com
email@clarionsite.com