Bilder ohne Alternativtext

WCAG 1.1.1 (A) · EN 301 549 9.1.1.1

Einige Bilder haben kein alt-Attribut.

Warum das zählt

Ein Screenreader kann ein Bild ohne Alternativtext nicht beschreiben: Er liest den Dateinamen vor oder überspringt es ganz. Auf einer Produktseite heißt das, die Person weiß nicht, was sie da kauft.

Alternativtexte sind auch das, worüber Google Ihre Bilder indexiert. Es ist die einzige Korrektur auf dieser Liste, die Ihnen zusätzlich Besucher bringt.

So wird es behoben

Ergänzen Sie ein alt, das beschreibt, was das Bild beiträgt. Ist es rein dekorativ, verwenden Sie alt="" — leer, nicht weggelassen. Der Unterschied zählt: Fehlt das Attribut, wird der Dateiname vorgelesen; ist es leer, wird das Bild übersprungen.

<img src="/tshirt-sand-01.jpg">

<img src="/tshirt-sand-01.jpg"
     alt="T-Shirt aus Bio-Baumwolle in Sand, Vorderansicht">

<!-- Dekorativ: leeres alt, nicht weggelassen -->
<img src="/zierlinie.svg" alt="">

In Ihrem System

• Shopify

  Unter Produkte › Medien ein Bild anklicken und „Alt-Text“ bearbeiten. Für Theme-Bilder hat jeder Bildblock im Theme-Editor sein eigenes Alt-Text-Feld.

• WooCommerce

  In der Mediathek das Bild auswählen und „Alternativtext“ ausfüllen. Er gilt überall dort, wo das Bild erscheint.

• PrestaShop

  Unter Katalog › Artikel › Bilder erzeugt das Feld „Bildunterschrift“ das alt.

• WordPress

  Medien › Mediathek, Bild auswählen und „Alternativtext“ ausfüllen.

Verwandte Themen

• Alternativtext ohne Informationsgehalt
• Grafische Schaltfläche ohne Alternativtext
• Bereich einer Bildkarte ohne Namen
• Bedeutungstragendes SVG-Symbol ohne Namen