WCAG AAA: Empfehlung Priorität: Gering
Links mit gleichem Text führen zu verschiedenen Zielen
Mehrere Links auf der Seite haben denselben Wortlaut, etwa „Mehr erfahren“ oder „Jetzt kaufen“, führen aber zu verschiedenen Seiten. Das ist eine Empfehlung der WCAG-Stufe AAA und geht über die Stufe AA hinaus, auf die sich das Gesetz stützt.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader-Nutzer lassen sich oft eine Liste aller Links einer Seite anzeigen. Eine Liste gleicher „Mehr erfahren“-Links sagt ihnen nichts, also müssen sie jeden öffnen, um das gesuchte Produkt oder den Artikel zu finden. Das bremst, verhindert einen Kauf aber selten.
Wen es betrifft
- Screenreader-Nutzer
- Menschen mit kognitiven Beeinträchtigungen
- Nutzer von Sprachsteuerung
So beheben Sie es
Geben Sie jedem Link einen Text, der sein Ziel beschreibt, zum Beispiel „Mehr zum Versand“ statt „Mehr erfahren“. Muss der sichtbare Text kurz bleiben, ergänzen Sie die Details mit visuell verstecktem Text oder einem aria-label, das mit den sichtbaren Wörtern beginnt. Links, die tatsächlich zur selben Seite führen, etwa Produktbild und Produkttitel, dürfen denselben Namen haben.
Bei Shopify
Meist durch „Mehr erfahren“- oder „Jetzt kaufen“-Buttons in Blog-, Kollektions- oder Banner-Sections. Ändern Sie die Button-Beschriftungen je Section im Theme-Editor oder ergänzen Sie den Artikel- oder Produkttitel im Liquid-Code der Section.
Bei Shoptet (CZ)
Meist durch Banner oder Artikellisten mit gleichem Button-Text. Ändern Sie die Texte, wo die Template-Einstellungen es erlauben; ansonsten ergänzen Sie die Details per eigenem Code oder fragen Shoptet oder einen Partner.
Bei PrestaShop
Meist durch „Schnellansicht“-, „Mehr“- oder „Weiterlesen“-Links in Produktlisten und Blog-Modulen. Ändern Sie den Linktext oder ergänzen Sie den Produktnamen als versteckten Text in den .tpl-Templates des Themes.
Bei WooCommerce
Meist durch „Weiterlesen“-Links in Blog-Listen oder Buttons in Produktrastern. WooCommerce ergänzt bei seinen eigenen Warenkorb-Buttons meist den Produktnamen, Buttons von Theme oder Page-Builder oft nicht. Passen Sie die Beschriftungen im Builder oder in einem Template des Child-Themes an.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 2.4.9 (AAA) Link Purpose (Link Only) |
| WCAG 2.1 | 2.4.9 (AAA) Link Purpose (Link Only) |
| WCAG 2.0 | 2.4.9 (AAA) Link Purpose (Link Only) |
Automatische Prüfung: axe-core-Regel identical-links-same-purpose.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Die Seite lädt sich nach einer Wartezeit selbst neu, auch nach langer
WCAG 2.2.4 AAA
-
Links mit gleichem Text führen zu verschiedenen Zielen
WCAG 2.4.9 AAA
-
Text erreicht nicht den erhöhten Kontrast (AAA)
WCAG 1.4.6 AAA