Zum Hauptinhalt springen
Zurück zum E-Commerce-Lexikon

Alt-Text-Management für Barrierefreiheit (Alt Text)

Content und Digital Asset ManagementStufe: Intermediate

Alt-Text-Management für Barrierefreiheit heißt, Alt-Text für jedes Produktbild zu schreiben, zu speichern und zu prüfen, für Screenreader und Suchmaschinen.

Image by · CC BY 4.0

Was ist Alt-Text-Management für Barrierefreiheit (Alt Text)?

Alt-Text-Management für Barrierefreiheit ist die Praxis, für jedes Produktbild in einem Katalog einen Alternativtext zu schreiben, zu speichern und zu prüfen, damit Menschen mit Screenreadern und Suchmaschinen verstehen, was jedes Bild zeigt. Alt-Text ist die kurze Beschreibung im alt-Attribut eines Bildes. Ihn zu verwalten heißt mehr, als das Feld einmal zu füllen: Jedes neue Bild und jedes Variantenfoto braucht einen eigenen Text, Übersetzungen brauchen dieselbe Sorgfalt, und dekorative Bilder sollten ein leeres alt bekommen, damit Screenreader sie überspringen. Alt-Text unterscheidet sich von einer Bildunterschrift, die für alle sichtbar ist, und vom Dateinamen eines Bildes. In der EU gilt der European Accessibility Act ab Juni 2025 für viele Onlineshops, was Alt-Text auch zu einem Compliance-Thema macht. Erstelle Alt-Texte für Produktfotos mit dem kostenlosen Alt-Text-Generator für Bilder.

Warum Alt-Text-Management für Barrierefreiheit (Alt Text) im E-Commerce wichtig ist

Produktbilder tragen einen großen Teil der Informationen, auf deren Basis Kunden entscheiden. Ohne Alt-Text hört eine Person mit Screenreader einen Dateinamen oder gar nichts und kann zwei Farbvarianten womöglich nicht unterscheiden. Alt-Text gibt Suchmaschinen außerdem Kontext für die Bildersuche. Seit der European Accessibility Act in Kraft ist, ist fehlender Alt-Text für viele EU-Shops ein rechtliches Risiko, nicht nur ein Usability-Problem. Eine zentrale Verwaltung macht ihn für Tausende Bilder wiederholbar statt zu einer einmaligen Aufräumaktion.

Kostenloses Tool

Schreib Alt-Text für ein Produktbild

Beschreib Produkt, Marke, Farbe, Typ und was auf dem Bild zu sehen ist, und kopier die Alt-Text-Variante, die zu deinem Bild passt.

Komplettes Tool öffnen
Tool wird geladen

Beispiele für Alt-Text-Management für Barrierefreiheit (Alt Text)

  • 1Bild: Packshot von vorne, Alt-Text: Marineblauer Wollpullover mit Rundhalsausschnitt, Vorderansicht
  • 2Bild: Detailaufnahme, Alt-Text: Nahaufnahme des Rippbündchens am marineblauen Wollpullover
  • 3Bild: Lifestyle-Foto, Alt-Text: Person trägt den marineblauen Wollpullover mit Jeans auf einer Straße in der Stadt
  • 4Bild: Dekoratives Hintergrundmuster, Alt-Text: leer (alt=""), damit Screenreader es überspringen

So hilft WISEPIM

  • Das Digital Asset Management von WISEPIM hält Produktbilder und ihre Daten beim Produktdatensatz.
  • Mit der Review-Warteschlange von WISEPIM prüft dein Team AI-generierten Produkt-Content, bevor er live geht.
  • Die AI-Übersetzung von WISEPIM bringt beschreibende Texte in über 70 Sprachen.
  • Quality-Guard-Regeln in WISEPIM können Produkte mit fehlenden Content-Feldern markieren.

Häufige Fehler bei Alt-Text-Management für Barrierefreiheit (Alt Text)

  • Den Produkttitel als Alt-Text für jedes Bild des Produkts verwenden.
  • Alt-Text mit "Bild von" oder "Foto von" beginnen, was Screenreader ohnehin schon ansagen.
  • Alt-Text mit Keywords vollstopfen, statt das Bild zu beschreiben.
  • Alt-Text für Variantenbilder und übersetzte Shops vergessen.

Tipps zu Alt-Text-Management für Barrierefreiheit (Alt Text)

  • Beschreibe, was das Bild zeigt und für den Kauf zählt: Produkt, Farbe, Blickwinkel und Detail.
  • Halte Alt-Text kurz, meist ein Satz.
  • Gib jedem Bild eines Produkts einen eigenen Alt-Text, keinen wiederholten Titel.
  • Erstelle Alt-Texte in großen Mengen mit dem kostenlosen Alt-Text-Generator für Bilder und prüfe sie dann.

Trends rund um Alt-Text-Management für Barrierefreiheit (Alt Text)

  • Der European Accessibility Act, der ab Juni 2025 für viele EU-Onlineshops gilt.
  • Von AI entworfener Alt-Text mit menschlicher Prüfung für große Kataloge.
  • Barrierefreiheitsprüfungen, die in Veröffentlichungsprozesse eingebaut sind statt in jährliche Audits.
  • Bildersuche und AI-Assistenten, die Alt-Text als Kontext nutzen.

Tools für Alt-Text-Management für Barrierefreiheit (Alt Text)

  • WISEPIM: Produktbilder mit Digital Asset Management, AI-Anreicherung und AI-Übersetzung.
  • Axe DevTools: Browser-Tool zur Prüfung der Barrierefreiheit von Websites, auch auf fehlenden Alt-Text.
  • WAVE: kostenloses Tool zur Bewertung der Barrierefreiheit von Websites.
  • Google Search Console: zeigt, wie Bilder in der Suche abschneiden.

Verwandte Begriffe

Auch bekannt als

Alt-Text-ManagementBild-Alt-TextAlternativtextBarrierefreiheit von Bildern

Häufige Fragen

Alt-Text ist eine kurze Beschreibung im alt-Attribut eines Bildes. Screenreader lesen ihn vor, und Suchmaschinen nutzen ihn, um das Bild zu verstehen. Bei Produktbildern beschreibt er das gezeigte Produkt, die Farbe, den Blickwinkel oder das Detail.

Eine Bildunterschrift ist für alle sichtbarer Text unter einem Bild. Alt-Text wird auf der Seite nicht angezeigt; er ersetzt das Bild für Menschen mit Screenreadern und wenn das Bild nicht lädt.

Nein. Dekorative Bilder wie Hintergrundmuster sollten ein leeres alt-Attribut (alt="") haben, damit Screenreader sie überspringen. Produktbilder sind nie dekorativ.

Das Gesetz verpflichtet viele Onlineshops in der EU ab Juni 2025, Barrierefreiheitsstandards zu erfüllen, und diese Standards umfassen Textalternativen für Bilder. Kläre mit einer Rechtsberatung, wie es für dein Unternehmen gilt.

Noch Fragen?

Keine passende Antwort gefunden? Melde dich bei unserem Team.

Support kontaktieren

Weiter entdecken

Handverlesene nächste Schritte, um tiefer einzusteigen.