Zweck von Links
Silktide prüft, ob der Text jedes Links erklärt, wohin der Link führt. Links wie „Hier klicken“ oder „Mehr erfahren“ oder solche, die nur aus Symbolen bestehen, geben keinen Hinweis auf ihr Ziel.
<!-- Generisch: sagt den Nutzerinnen und Nutzern nichts -->
<a href="\/accessibility-guide">Hier klicken</a>
<!-- Korrigiert: Das Ziel ist allein aus dem Text klar -->
<a href="\/accessibility-guide">Lesen Sie unseren Leitfaden zur Barrierefreiheit</a>
Warum das wichtig ist
Menschen, die einen verwenden, rufen oft eine Liste aller Links auf der Seite auf und navigieren daraus, wobei sie den Linktext außerhalb des Kontexts hören. Eine Liste aus „Mehr erfahren“, „Weiterlesen“ und „Hier klicken“ ist nutzlos: Jeder Eintrag muss besucht werden, um herauszufinden, wohin er führt. Screenreader kündigen außerdem das Wort „Link“ vor dem Text an, sodass „Hier klicken“ zu „Link Hier klicken“ wird – Rauschen ohne Information.
Beschreibende Links helfen auch allen anderen: Sehende Besucherinnen und Besucher überfliegen Seiten anhand ihrer Links, und Suchmaschinen nutzen Linktexte, um das Ziel zu verstehen.
So beheben Sie das
- Formulieren Sie generische Linktexte um, sodass das Ziel allein aus den Worten klar wird: Aus „Mehr erfahren“ wird z. B. „Mehr über Barrierefreiheitsrichtlinien erfahren“.
- Ersetzen Sie Links, die nur aus Symbolen bestehen (z. B. ein Pfeil oder Emoji), durch lesbaren Text, oder fügen Sie hinzu, wenn der Link nur ein Bild enthält.
- Schreiben Sie nicht „Link“ in den Linktext – Screenreader kündigen das bereits an, daher wird „Link zu Preisen“ als „Link Link zu Preisen“ vorgelesen.
- Wenn ein markierter Link in Ihrem Kontext tatsächlich eindeutig ist, können Sie ihn .
So prüft Silktide dies
- Findet jeden Link (
<a>und<area>-Elemente mit Ziel), der für Screenreader zugänglich ist – vor ihnen verborgene Links werden übersprungen. - Ermittelt den Text jedes Links so, wie ihn lesen würden, einschließlich Bild-Alt-Text und durch CSS hinzugefügtem Text.
- Kennzeichnet Links, deren Text keine lesbaren Zeichen (keine Buchstaben oder Ziffern) enthält, z. B. nur ein Symbol oder Emoji.
- Kennzeichnet Links, deren Text einer bekannten Liste generischer Formulierungen wie „Hier klicken“, „Weiterlesen“ und „Mehr erfahren“ entspricht – in mehreren Sprachen.
Links ganz ohne Text werden separat durch die Leerer Link-Prüfung gemeldet.