Linktexte müssen beschreiben, wohin der Link führt

Menschen, die einen Screenreader nutzen, springen oft durch eine Liste aller Links einer Seite. Zehn Links namens „Mehr erfahren“ oder „Jetzt shoppen“ klingen gleich, sodass sie nicht erkennen können, zu welchem Produkt, welcher Kategorie oder welchem Artikel jeder davon führt.

Regel-ID
vs-link-purpose
Quelle
Validiscan-Prüfung
Auswirkung
Mittel
Korrekturstufe
ASSISTED
auf Shopify, Shopware, WooCommerce und Magento
Status
wird ausgeführt

Was geprüft wird

Markiert mehrdeutige Linktexte in allen unterstützten Sprachen, etwa „read more“, „click here“, „mehr“, „hier“, „voir plus“, „ver más“ oder „læs mere“, sowie gleiche Linktexte, die auf der Website zu unterschiedlichen Zielen führen (2.4.4).

Auf jeder Seite liest die Prüfung jedes a[href]-Element, das assistive Technologien wahrnehmen können. Links mit einer anderen Rolle wie role="button" überspringt sie. Dann nimmt sie den zugänglichen Namen, in den also auch ein aria-label oder das alt eines verlinkten Bildes eingeht, schreibt ihn klein und ersetzt Satzzeichen, Pfeile und Auslassungspunkte durch Leerzeichen. Gemeldet werden nur Namen, die genau einer von 57 Wendungen auf Englisch, Deutsch, Französisch, Spanisch und Dänisch entsprechen; „Mehr zu Rücksendungen“ besteht deshalb. Ebenso besteht ein Link, dessen aria-describedby auf vorhandenen Text verweist.

Der zweite Teil nutzt die sichtbaren Links jeder Seite, höchstens 600, erfasst im ersten konfigurierten Viewport, standardmäßig Desktop. Führen Links mit demselben Namen auf einer Seite zu unterschiedlichen Zielen, ergibt das einen Befund pro Name und Seite. Groß- und Kleinschreibung, ein abschließender Schrägstrich und eine relative Schreibweise ergeben kein anderes Ziel, und Pfade nach dem Muster /products/<slug> werden allein über den Slug abgeglichen. Wendungen aus der Liste und javascript:-Links bleiben hier außen vor, und Links auf verschiedenen Seiten werden nie miteinander verglichen.

Ob ein Name im Zusammenhang verständlich ist, beurteilt die Prüfung nicht.

So wird es behoben

Formulieren Sie jeden Linktext so, dass er sagt, wohin er führt, zum Beispiel „Mehr zu Rücksendungen“ oder „Damenjacken ansehen“. Braucht das Design einen kurzen sichtbaren Text, ergänzen Sie den Kontext als visuell verborgenen Text oder mit einem aria-label, das mit den sichtbaren Wörtern beginnt.

WCAG-Erfolgskriterien

Abschnitte der EN 301 549

Der Abschnitt der EN 301 549 zu jedem Kriterium, je Version der Norm
WCAG-Kriterium Version 3.2.1 Version 4.1.1
2.4.4 9.2.4.4 9.2.4.4

Beginnen Sie mit einem kostenlosen Check Ihres Shops.

Senden Sie die Adresse Ihres Shops. Validiscan scannt ihn und antwortet mit jedem Fehler, den der Scan nachweisen kann, jeweils mit der Seite und dem Code.

Kostenlosen Check anfordern

Oder schreiben Sie an info@validiscan.com.

Was der kostenlose Check umfasst und was nicht
Sie senden
die Adresse Ihres Shops
Gescannte Seiten
bis zu 15
Sie erhalten
jeden Fehler, den der Scan nachweisen kann, mit Seite und Code
In Ihrem Shop
nur öffentliche Seiten; keine Anmeldung, nichts gekauft, kein Formular abgeschickt
Was er nicht ist
ein vollständiges Audit

Nachricht an Validiscan

Für einen kostenlosen Check nennen Sie die Adresse Ihres Shops und seine Plattform.

Validiscan verwendet, was Sie senden, um Ihnen zu antworten. Datenschutzerklärung