Empfohlene Praxis Priorität: Gering
Die Bildbeschreibung wiederholt den Text daneben
Der Alternativtext eines Bildes ist identisch mit dem sichtbaren Text daneben, zum Beispiel ein Produktfoto mit dem Alternativtext „Blaues Leinenhemd“ in einem Link, der ebenfalls „Blaues Leinenhemd“ lautet. Das ist eine empfohlene Praxis, keine Anforderung der WCAG-Stufe AA.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Screenreader-Nutzende hören dieselben Wörter zweimal, und auf einer Kategorieseite wiederholt sich das bei jeder Produktkarte. Das Stöbern wird langsamer und anstrengender, auch wenn keine Information verloren geht.
Wen es betrifft
- Screenreader-Nutzende
- blinde Menschen
- Menschen, die eine Braillezeile nutzen
So beheben Sie es
Bringt das Bild nichts über den Text daneben hinaus, geben Sie ihm ein leeres alt (alt=""), damit Screenreader es überspringen. Zeigt es etwas Nützliches, schreiben Sie einen Alternativtext, der das Abweichende beschreibt, etwa Farbe oder Perspektive, statt den Produktnamen zu wiederholen. Den sichtbaren Text lassen Sie unverändert.
Bei Shopify
Häufig in Produktkarten, in denen das Theme den Produkttitel als Bild-alt neben dem Titel-Link verwendet. Passen Sie das Karten-Snippet in Liquid so an, dass alt leer bleibt, wenn der Titel direkt daneben steht, oder hinterlegen Sie eigene Alternativtexte für die Produktmedien im Admin.
Bei Shoptet (CZ)
Der Alternativtext von Produktbildern stammt meist aus dem Produktnamen oder der Bildbeschreibung. Hinterlegen Sie eigene Bildbeschreibungen in den Produkteinstellungen; zum Verhalten des Templates fragen Sie Shoptet oder einen Partner.
Bei PrestaShop
Produktbilder in Listen erhalten oft automatisch den Produktnamen als Alternativtext. Bearbeiten Sie die Bildbeschriftungen auf der Produktseite oder passen Sie das Template der Produkt-Miniatur im Theme an.
Bei WooCommerce
Passiert oft, wenn Produktbilder in Shop-Listen den Produktnamen als Alternativtext erhalten. Ändern Sie den Alternativtext in der Mediathek oder passen Sie das Listen-Template in einem Child-Theme an.
Standards
Kein WCAG-Erfolgskriterium, sondern eine empfohlene Praxis, die die Website leichter nutzbar macht.
Automatische Prüfung: axe-core-Regel image-redundant-alt.
dequeuniversity.com, github.com, www.w3.org