← Alle Posts

BFSG für Online-Shops: Alt-Texte für Produktbilder in WooCommerce

Das BFSG gilt seit dem 28. Juni 2025 auch für Online-Shops. Welche Produktbilder einen Alt-Text brauchen, wie ein guter Produkt-Alt-Text aussieht und wie du einen großen Katalog nachziehst.

Das Barrierefreiheitsstärkungsgesetz (BFSG, im Gesetzestext) gilt seit dem 28. Juni 2025 auch für Online-Shops: Wer Verbraucherinnen und Verbrauchern online etwas verkauft, muss seinen Shop barrierefrei anbieten. Für Produktbilder heißt das: Jedes Bild, das eine Information transportiert, braucht einen Alt-Text, den ein Screenreader vorlesen kann. Dieser Beitrag zeigt, welche Bilder betroffen sind, wie ein guter Produkt-Alt-Text aussieht und wie du einen großen Katalog nachziehst.

Kurzfassung

  • Das BFSG gilt seit dem 28. Juni 2025 für Online-Shops, die an Verbraucherinnen und Verbraucher verkaufen.
  • Jedes Produktbild, das eine Information trägt, braucht einen Alt-Text, dekorative Bilder einen leeren.
  • Bei großen Katalogen hilft eine KI-Erstbefüllung, die ihr prüft.
  • Alt-Texte sind nur ein Baustein, das BFSG verlangt mehr (Kontraste, Tastatur, Formulare, Checkout).

IMG Performer kostenlos installierenIMG Performer Pro ansehen

Gilt das BFSG für deinen WooCommerce-Shop?

Das Gesetz erfasst „Dienstleistungen im elektronischen Geschäftsverkehr”: digitale Dienste, die über Websites oder Apps angeboten werden und auf individuelle Anfrage einer Verbraucherin oder eines Verbrauchers im Hinblick auf den Abschluss eines Verbrauchervertrags erbracht werden (§ 2 BFSG). Das trifft klassische Online-Shops. Nach dem Wortlaut sind reine B2B-Shops nicht gemeint.

Ausgenommen sind Kleinstunternehmen, die Dienstleistungen anbieten (§ 3 Abs. 3 BFSG). Als Kleinstunternehmen gilt, wer weniger als zehn Personen beschäftigt und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme hat. Verstöße können als Ordnungswidrigkeit mit Bußgeldern bis zu 100.000 Euro geahndet werden (§ 37 BFSG).

Welche Produktbilder brauchen einen Alt-Text?

Ein Produktfoto trägt Information und braucht einen Alt-Text. Bei einer Galerie bekommt jede Ansicht einen eigenen, die sich vom Hauptbild unterscheidet, etwa die Rückseite, die Sohle oder ein Detail. Ein reines Stimmungsbild ohne Aussage ist dekorativ und bekommt einen leeren Alt-Text, damit der Screenreader es überspringt. Ein Icon, das als einziger Button-Text dient, wird nach seiner Funktion beschrieben, nicht nach seinem Aussehen.

So sieht ein guter Produkt-Alt-Text aus

Kurz, konkret, im Kontext der Seite. Meist reicht ein Satz. Kein „Bild von” am Anfang, keine Aneinanderreihung von Suchbegriffen, keine Wiederholung der Bildunterschrift. Marken- und Produktnamen schreibst du in der offiziellen Schreibweise.

Ein Beispiel für ein Sneaker-Produktbild:

Nicht so

Auf dem Bild sieht man einen Schuh, Art.-Nr. 48-1127, Sneaker rot kaufen günstig

Besser

Roter Nike Free RN Flyknit Laufschuh aus Strick mit weißem Swoosh, schräg von der Seite.

Als Faustregel reicht ein Satz von höchstens etwa 125 Zeichen. Die WCAG nennt keine feste Grenze, aber viele Screenreader lesen längere Texte nicht am Stück vor. WCAG (Web Content Accessibility Guidelines) sind die internationalen Richtlinien für barrierefreie Webinhalte, Stufe AA ist die mittlere von drei Stufen. Ausführliche Hinweise bietet das W3C Images Tutorial.

Beispiele:

ProduktartAlt-Text
KleidungDunkelblaue Regenjacke mit Kapuze, Frontansicht
ElektronikKabellose Over-Ear-Kopfhörer in Schwarz, Seitenansicht
MöbelHellgrauer Dreisitzer-Sofa mit Holzfüßen
KosmetikGesichtscreme im weißen Tiegel mit Schraubdeckel
LebensmittelGlas mit Erdbeermarmelade, Etikett von vorn

Tausende Produktbilder: den Bestand nachträglich befüllen

So läuft die Befüllung

Bei einem Katalog mit mehreren hundert oder tausend Bildern ist von Hand nicht zu schaffen, was das Gesetz verlangt. Hier hilft eine KI-gestützte Erstbefüllung: Das Tool erzeugt Vorschläge, du prüfst sie und korrigierst, was nicht passt. Neue Uploads sollten von Anfang an einen Alt-Text bekommen.

IMG Performer PRO erzeugt Alt-Texte bei jedem Upload und geht mit dem Bulk-Modus die bestehende Mediathek durch. Ein Website-Kontext, den ein Assistent aus deinen Seiten erstellt, beschreibt Shop und Sortiment und steht jedem Alt-Text-Auftrag voran, damit die KI Produkte treffender benennt. Die Vorschläge landen im normalen Alt-Text-Feld der Mediathek. Wie das im Ablauf aussieht, zeigt WordPress-Mediathek BFSG-konform machen.

Website-Kontext einrichten

Einstellungen von IMG Performer im Reiter „Alt-Text“: Der Bereich „Website-Kontext“ meldet „Noch kein Kontext eingerichtet“, darunter die Schaltfläche „Kontext einrichten“.
Dialog „Kontext einrichten“ mit der Option „Neue Website – 3 kurze Fragen“: Eingetragen sind „Onlineshop für Damenbekleidung“, „Frauen zwischen 30 und 50 Jahren“ und „seriös, Anrede mit Sie“.
Dialog „Kontext einrichten“, Schritt 2 von 2: Der erzeugte Kontext-Prompt beschreibt einen Onlineshop für Damenbekleidung, darunter die Schaltflächen „Neu generieren“ und „Diesen Kontext verwenden“.
Einstellungen von IMG Performer im Reiter „Alt-Text“: Im Bereich „Website-Kontext“ steht jetzt der erzeugte Kontext-Prompt zum Onlineshop für Damenbekleidung.

Vorschläge im Alt-Text-Feld der Mediathek

Ausschnitt der WordPress-Mediathek: Im Feld „Alternativtext“ steht der Vorschlag „Roter Nike Free RN Flyknit Laufschuh aus Strick mit weißem Swoosh, schräg von der Seite.“ von IMG Performer Pro.
Ausschnitt der WordPress-Mediathek: Im Feld „Alternativtext“ steht der Vorschlag „Pastellfarbene Sneaker mit pastellblauem, pinkem und gelbem Farbverlauf“ von IMG Performer Pro.
Ausschnitt der WordPress-Mediathek: Im Feld „Alternativtext“ steht der Vorschlag „Zwei bunte Sneaker mit verschiedenen Farbakzenten auf einer weißen Fläche“ von IMG Performer Pro.
Ausschnitt der WordPress-Mediathek: Im Feld „Alternativtext“ steht der Vorschlag „Limegrüne Nike-Sneaker mit schwarzem Swoosh und weißer Sohle.“ von IMG Performer Pro.

Ablauf in fünf Schritten

  1. Backup der Mediathek anlegen.
  2. Website-Kontext erstellen lassen, der Assistent beschreibt Shop und Sortiment.
  3. Einen Testlauf mit einer kleinen Auswahl an Bildern starten.
  4. Die Vorschläge im Alt-Text-Feld prüfen und anpassen.
  5. Den Bulk-Modus für den Rest starten.

Datenschutz und AVV

Das Bild geht dafür an den KI-Anbieter, den du mit deinem eigenen API-Schlüssel hinterlegst. Mit dem Anbieter brauchst du einen AVV. Als Option empfehlen wir einen Anbieter mit EU-Servern, zum Beispiel Mistral. Ein AVV (Auftragsverarbeitungsvertrag) regelt, wie ein Dienstleister personenbezogene Daten in deinem Auftrag verarbeitet. Ein API-Schlüssel ist ein Zugangscode, mit dem das Plugin den KI-Dienst in deinem Namen nutzen darf.

Was IMG Performer Pro kostet

IMG Performer PRO kostet 69 € im Jahr oder 9 € im Monat. Für die KI-Alt-Texte zahlst du den Verbrauch bei deinem KI-Anbieter, IMG Performer hat kein Credit-Kontingent.

Alt-Texte sind ein Baustein

Das BFSG verlangt mehr als Alt-Texte. Die technischen Anforderungen orientieren sich an WCAG 2.1 AA: ausreichende Kontraste, Bedienung per Tastatur, beschriftete Formularfelder und ein zugänglicher Checkout. Ein Accessibility-Checker zeigt dir, wo dein Shop noch Lücken hat. Damit die Produktseiten außerdem schnell laden, hilft die Bildoptimierung: WooCommerce: Produktbilder optimieren, ohne sie in die Cloud zu geben.

Wo IMG Performer ansetzt

Die KI-Alt-Texte gehören zu IMG Performer PRO (69 € im Jahr oder 9 € im Monat). Für die KI-Alt-Texte zahlst du den Verbrauch bei deinem KI-Anbieter, IMG Performer hat kein Credit-Kontingent. Die kostenlose Version konvertiert unbegrenzt in WebP. PRO ergänzt AVIF, KI-Alt-Texte, Bulk-Verarbeitung und das nachträgliche Prüfen bestehender Bilder. Mehr dazu auf img-performer.enfants.de.

Disclaimer

Stand September 2026. Dieser Beitrag ist eine Einordnung, keine Rechtsberatung. Ob dein Shop unter das BFSG fällt, prüfe im Zweifel mit einer Rechtsberatung.

IMG Performer kostenlos installierenIMG Performer Pro ansehen

Häufige Fragen

Gilt das BFSG für meinen WooCommerce-Shop?

Wenn du Verbraucherinnen und Verbrauchern online etwas verkaufst und kein Kleinstunternehmen bist, ja. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme sind für Dienstleistungen ausgenommen.

Wie lang darf ein Alt-Text bei Produktbildern sein?

Eine feste Zeichengrenze nennt das Gesetz nicht. In der Praxis reicht meist ein Satz, der beschreibt, was jemand wissen muss, der das Bild nicht sieht.

Brauchen dekorative Bilder einen Alt-Text?

Sie brauchen einen leeren Alt-Text (alt=""), damit der Screenreader sie überspringt. Ein Produktfoto ist nie dekorativ.

Reicht es, nur Alt-Texte zu ergänzen?

Nein. Alt-Texte sind ein Baustein. Das BFSG verlangt einen insgesamt barrierefreien Shop, dazu gehören Kontraste, Tastaturbedienung, Formulare und der Checkout.