TranslateMyImage-LogoTranslateMyImage

Text in Bildern und Barrierefreiheit: Checkliste für übersetzte Bilder

Ein Banner mit „Sommerschlussverkauf“, ein Produktfoto mit Hinweisen zu den Merkmalen, eine Infografik, ein Screenshot Ihrer App: Jedes davon ist ein Bild mit Wörtern darin. Wenn Sie eine Kampagne in vier Sprachen lokalisieren, veröffentlichen Sie vier davon, und jedes muss für Menschen funktionieren, die einen Screenreader nutzen, vergrößern oder einen starken Kontrast brauchen. Diese Checkliste zeigt, welche Regeln für Bilder von Text gelten, was der European Accessibility Act für Onlineshops geändert hat und was Sie bei jeder Bildübersetzung prüfen sollten.

Kurz gesagt

  • Echter Text zuerst. Das WCAG-Erfolgskriterium 1.4.5 (Stufe AA) verlangt echten Text statt Bildern von Text, wenn die Technologie ihn darstellen kann. Logos sind ausgenommen.
  • Dieselben Wörter im Alternativtext. Muss der Text im Bild bleiben, enthält seine Textalternative denselben Text, in der Sprache des Bildes.
  • Kontrast in jeder Version. Mindestens 4,5:1 für normalen Text und 3:1 für großen Text, erneut geprüft, nachdem der übersetzte Text gezeichnet wurde.
  • Das Recht. Seit dem 28. Juni 2025 erfasst der European Accessibility Act Dienstleistungen im elektronischen Geschäftsverkehr für Verbraucher. Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen.

Keine Rechtsberatung

Diese Checkliste fasst öffentliche Texte des W3C, der EU und der französischen Verwaltung mit Stand 6. Oktober 2026 zusammen. Sie ist keine Rechtsberatung: Für eine Entscheidung zur Konformität wenden Sie sich an einen Prüfer für Barrierefreiheit oder an einen Anwalt.

Was als Bild von Text gilt

Die WCAG behandeln ein Bild unterschiedlich, je nachdem, welche Rolle der Text darin spielt:

BildBeispieleWas gilt
Der Text ist der HauptinhaltBanner-Überschrift, Aktions-Badge, Zitatkarte, AngebotsgrafikEchter Text bevorzugt (1.4.5), Textalternative mit demselben Text (1.1.1), Kontrast (1.4.3)
Logo oder MarkennameLogo in einer Kopfzeile oder auf einem BannerVon 1.4.5 und von der Kontrastanforderung ausgenommen; braucht trotzdem eine Textalternative
Text in einem Bild mit wesentlichen anderen visuellen InhaltenProduktfoto mit Verpackung, Screenshot, Diagramm, SchaubildAußerhalb von 1.4.5 und 1.4.3, aber eine Textalternative muss den relevanten Text trotzdem wiedergeben
Rein dekorativHintergrundtextur, ornamentale Schrift ohne InformationLeerer Alternativtext (alt="")

Die meisten Bilder, die Marketing- und E-Commerce-Teams übersetzen, fallen in die erste Zeile (Banner, Social-Media-Motive, Angebotsgrafiken) oder in die dritte (Produktfotos und Infografiken).

Die WCAG-Kriterien, die gelten

Die WCAG 2.2 sind die aktuelle W3C-Empfehlung; die folgenden Kriteriennummern sind in den WCAG 2.1 dieselben.

  • 1.4.5 Bilder eines Textes (Stufe AA). Wenn die verwendete Technologie die visuelle Darstellung erreichen kann, verwenden Sie Text statt eines Bildes von Text. Zwei Ausnahmen: Das Bild lässt sich visuell an die Anforderungen der Nutzer anpassen, oder eine bestimmte Darstellung des Textes ist für die Information wesentlich. Logos gelten als wesentlich.
  • 1.4.9 Bilder eines Textes (keine Ausnahme) (Stufe AAA). Bilder von Text werden nur zur reinen Dekoration verwendet oder wenn eine bestimmte Darstellung wesentlich ist. Die europäische Norm EN 301 549 zielt auf die Stufen A und AA, nicht AAA, aber dieses Kriterium zeigt die Richtung: standardmäßig echter Text.
  • 1.1.1 Nicht-Text-Inhalt (Stufe A). Alle Nicht-Text-Inhalte haben eine Textalternative, die denselben Zweck erfüllt, abgesehen von einigen aufgeführten Ausnahmen wie Dekoration. Für Bilder von Text ist das Bilder-Tutorial des W3C eindeutig: Die Textalternative enthält denselben Text wie das Bild.
  • 1.4.3 Kontrast (Minimum) (Stufe AA). Text und Bilder von Text haben ein Kontrastverhältnis von mindestens 4,5:1, bei großem Text 3:1. Beiläufiger Text in einem Bild mit wesentlichen anderen visuellen Inhalten und Logos haben keine Kontrastanforderung, die Regel erfasst also Text, der in Banner eingebettet ist.
  • Verwandte Kriterien. Textgröße ändern (1.4.4) nimmt Bilder von Text aus: Wörter in einem Bild müssen nicht mitwachsen, wenn Nutzer den Text vergrößern, ein weiterer Grund, wichtige Informationen als echten Text zu halten. Sprache von Teilen (3.1.2) verlangt, Text in einer anderen Sprache als der Seite auszuzeichnen.

Warum die Übersetzung es schwieriger macht

Die Übersetzung eines Bildes von Text vervielfacht die Arbeit: Aus einem Ausgangsbanner wird ein Bild pro Sprache, und jede Kopie kann auf ihre eigene Weise scheitern.

  • Der Alternativtext bleibt in der Ausgangssprache. Ein französisches Banner mit englischem Alternativtext sagt Screenreader-Nutzern etwas anderes als das, was alle anderen sehen, und der Screenreader liest ihn womöglich mit falscher Aussprache vor.
  • Der Alternativtext beschreibt, statt zu wiederholen. „Werbebanner“ ist keine Textalternative für ein Banner, das einen Rabatt, ein Enddatum und einen Code ankündigt. Der Alternativtext sollte sagen, was das Banner sagt.
  • Die Übersetzung ist länger. Deutsch und Französisch brauchen oft mehr Platz als Englisch. Text, der zum Einpassen verkleinert wird, kann die Erleichterung für großen Text verlieren und braucht dann 4,5:1, und verschobener Text kann auf einem unruhigeren Teil des Hintergrunds landen.
  • Wichtige Fakten werden zu Pixeln. Ein Preis, eine Frist oder ein rechtlicher Hinweis in einem Bild lässt sich weder vergrößern noch kopieren noch per Suche finden, und er folgt Ihrer Währung oder Ihren Bedingungen nicht, wenn diese sich ändern.

Die Checkliste

  1. Verwenden Sie echten Text, wo immer es geht. Setzen Sie bei Bannern, Header-Bildern und Angebotsgrafiken Überschrift, Angebot und Button-Beschriftung als HTML-Text über ein Hintergrundbild. Dieser Text wird mit dem Rest der Seite übersetzt, lässt sich vergrößern und erfordert kein neues Bild. Logos bleiben, wie sie sind.
  2. Bleibt der Text im Bild, wiederholen Sie ihn im Alternativtext. Produktfotos mit Hinweisen und Social-Media-Motive müssen ihren Text oft behalten. Ihre Textalternative enthält dieselben Wörter. Bei langem Text, etwa einer Infografik, stellen Sie eine vollständige Textfassung neben das Bild oder verlinken eine.
  3. Übersetzen Sie den Alternativtext mit dem Bild. Jedes übersetzte Bild erhält einen Alternativtext in seiner eigenen Sprache. Prüfen Sie, ob Ihr CMS Alternativtexte pro Sprache speichert und ob ein nicht übersetztes Feld nicht unbemerkt auf die Ausgangssprache zurückfällt.
  4. Zeichnen Sie die Sprache aus, wenn sie abweicht. Zeigt eine Seite in einer Sprache ein Bild in einer anderen, etwa einen englischen Screenshot in einem französischen Hilfeartikel, versehen Sie den Alternativtext oder die Textfassung mit dem richtigen lang-Attribut.
  5. Prüfen Sie den Kontrast jeder übersetzten Version. Messen Sie die Textfarbe gegen den Hintergrund dahinter: 4,5:1 für normalen Text, 3:1 für großen Text. Tun Sie das nach der Übersetzung, denn Schriftgröße, Zeilenumbrüche und Hintergrundbereich können sich ändern.
  6. Geben Sie dekorativen Bildern ein leeres alt. Verwenden Sie alt="" für Dekoration, und wiederholen Sie im Alternativtext nicht, was die Seite direkt neben dem Bild bereits als echten Text sagt.
  7. Übergehen Sie keine Bilder mit anderen Inhalten. Produktfotos, Screenshots und Diagramme liegen außerhalb des Kriteriums für Bilder von Text, brauchen aber trotzdem eine Textalternative, die den wichtigen Text wiedergibt, etwa die Kernzahlen eines Diagramms.
  8. Halten Sie kritische Informationen aus Bildern heraus. Preise, Angebote, Größen und rechtliche Bedingungen sind als echter Text sicherer: bei jeder Zoomstufe lesbar, leicht zu aktualisieren und mit der Seite übersetzt.
  9. Lassen Sie Logos unverändert. Ein Logo ist von den Regeln für Bilder von Text und für Kontrast ausgenommen. Sein Alternativtext ist der Markenname, der meist in allen Sprachen gleich bleibt.
  10. Prüfen Sie Bild und Alternativtext gemeinsam. Eine Person, die die Zielsprache liest, vergleicht das übersetzte Bild, seinen Alternativtext und eine etwaige Textfassung nebeneinander, bevor die Sprache live geht.

Der European Accessibility Act: wer ihn einhalten muss

Der European Accessibility Act (EAA), die Richtlinie (EU) 2019/882, gilt in den Mitgliedstaaten seit dem 28. Juni 2025. Für Onlineunternehmen sind die wichtigsten Punkte:

  • Dienstleistungen für Verbraucher. Er erfasst Dienstleistungen für Verbraucher, darunter Dienstleistungen im elektronischen Geschäftsverkehr, Bankdienstleistungen für Verbraucher, E-Books, elektronische Kommunikation und Teile von Personenverkehrsdiensten wie Websites, Apps und elektronische Tickets. Die Richtlinie definiert den elektronischen Geschäftsverkehr als Dienstleistungen, die im Fernabsatz über Websites und mobile Dienste auf Anfrage eines Verbrauchers erbracht werden, um einen Verbrauchervertrag abzuschließen. Dienstleistungen, die nur an Unternehmen verkauft werden, fallen nicht darunter.
  • Was er verlangt. Zu den Anforderungen an Dienstleistungen gehören eine alternative Darstellung von Nicht-Text-Inhalten, ausreichender Kontrast sowie Websites und Apps, die wahrnehmbar, bedienbar, verständlich und robust sind: die vier Prinzipien der WCAG.
  • Kleinstunternehmen. Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen. Die Richtlinie definiert sie als Unternehmen mit weniger als 10 Personen und einem Jahresumsatz oder einer Jahresbilanzsumme von höchstens 2 Millionen Euro.
  • Unverhältnismäßige Belastung. Ein Unternehmen, das sich auf eine grundlegende Veränderung oder eine unverhältnismäßige Belastung beruft, muss seine Beurteilung dokumentieren.
  • Keine Schonfrist für Websites. Die Richtlinie erlaubt Dienstleistern, Produkte, die sie bereits vor dem 28. Juni 2025 nutzten, bis zum 28. Juni 2030 weiter zu verwenden. Die französische Verbraucherschutzbehörde DGCCRF stellt klar, dass eine Website oder App kein „Produkt“ ist, ein bestehender Onlineshop sich also nicht auf diesen Übergang berufen kann.

Verkauft Ihr Unternehmen nur an andere Unternehmen, wie es Agenturen und Softwareanbieter oft tun, liegt die Pflicht bei den verbraucherorientierten Diensten Ihrer Kunden. Die Bilder, die Sie liefern, landen auf deren Websites. Ihnen bei der Einhaltung zu helfen heißt also, Bilder zu liefern, die sich barrierefrei veröffentlichen lassen: echter Text, wo möglich, und ein Alternativtext für jede Sprache.

EN 301 549: die technische Norm

In Europa erreicht „WCAG Stufe AA“ Unternehmen meist über die EN 301 549, die harmonisierte Norm für die Barrierefreiheit von IKT-Produkten und -Dienstleistungen.

  • Die neue Version. Die EN 301 549 V4.1.1 (2026-09) wurde für den European Accessibility Act erarbeitet. Ihre Abschnitte zu Web, Dokumenten und Software sind an den Stufen A und AA der WCAG 2.2 ausgerichtet, und ein neuer Anhang ordnet sie den Anforderungen der Richtlinie zu.
  • Bilder von Text. Abschnitt 9.1.4.5 deckt das Web ab, 10.1.4.5 Nicht-Web-Dokumente und 11.1.4.5 Software. Nicht-Text-Inhalt ist für das Web Abschnitt 9.1.1.1.
  • Konformitätsvermutung. Nach der Richtlinie begründet eine harmonisierte Norm eine Konformitätsvermutung, sobald ihre Fundstelle im Amtsblatt der EU veröffentlicht ist. Anfang Oktober 2026 konnten wir nicht bestätigen, dass die V4.1.1 unter dem European Accessibility Act zitiert wurde, sie begründet diese Vermutung also noch nicht. Prüfen Sie die Liste der von der Kommission zitierten Normen, bevor Sie sich darauf stützen.
  • Die vorherige Version. Die EN 301 549 V3.2.1 (2021) ist die Version, die unter der Richtlinie über den barrierefreien Zugang zu Websites zitiert ist, die Websites öffentlicher Stellen betrifft.

Frankreich: wer prüft und was es kostet

Frankreich hat die Richtlinie in sein Verbrauchergesetzbuch umgesetzt (Artikel L.412-13, eingeführt durch das Gesetz 2023-171), ergänzt durch das Décret 2023-931 und einen Arrêté, beide vom 9. Oktober 2023. Der Arrêté legt die Anforderungen fest, und die Regeln gelten seit dem 28. Juni 2025.

  • Wer prüft. Die DGCCRF prüft die Barrierefreiheit von Dienstleistungen, einschließlich des E-Commerce, in Abstimmung mit anderen Aufsichtsbehörden: Arcom, ARCEP, Banque de France, ACPR und AMF. Nach eigenen Angaben haben ihre Kontrollen am 28. Juni 2025 begonnen, insbesondere nach Meldungen über SignalConso, ihre Beschwerdeplattform für Verbraucher.
  • Bußgelder. Die DGCCRF nennt Geldbußen von 7.500 Euro für Übertretungen der fünften Klasse („contraventions“), die sich mit der Zahl der festgestellten Verstöße summieren. Sie kann außerdem Anordnungen mit Zwangsgeldern erlassen und die Sanktion veröffentlichen.
  • Kleinstunternehmen. Laut DGCCRF gilt für Dienstleister, die Kleinstunternehmen sind, keine Pflicht zur Barrierefreiheit.
  • Informationen zur Konformität. Dienstleister müssen Informationen darüber veröffentlichen, wie sie die Anforderungen erfüllen. Die DGCCRF nennt als Beispiel RGAA-Prüfberichte. Der RGAA ist der französische Referenzrahmen für Barrierefreiheit und beruht derzeit auf den WCAG 2.1 Stufe AA; prüfen Sie vor einem Audit auf der offiziellen Website, welche Version gilt.
  • Große Unternehmen. Unternehmen mit einem Umsatz von mehr als 250 Millionen Euro fallen außerdem unter Artikel 47 des Gesetzes 2005-102 über die Rechte von Menschen mit Behinderungen, das die Arcom mit eigenen Sanktionen durchsetzt.

Wo TranslateMyImage ins Spiel kommt

Manche Bilder müssen ihren Text behalten: ein Produktfoto mit Hinweisen, ein Social-Media-Motiv, eine Infografik. Für diese hilft Ihnen TranslateMyImage, die lokalisierte Version zu erstellen. Laden Sie das Bild in den Bildübersetzer hoch, wählen Sie die Sprache und prüfen Sie das Ergebnis. Für einen Katalog enthalten die Tarife ab Pro die Stapelübersetzung und die Bildübersetzungs-API, die mehrere Sprachen in einem Durchlauf erstellen.

Das Ergebnis ist ein Bild, und ein Tool macht ein Bild nicht allein barrierefrei. Jedes übersetzte Bild braucht weiterhin:

  • einen Alternativtext in derselben Sprache, der denselben Text enthält wie das Bild;
  • eine Kontrastprüfung des übersetzten Textes gegen seinen Hintergrund;
  • eine Prüfung durch jemanden, der die Sprache liest.

Und wenn sich ein Banner mit echtem Text neu aufbauen lässt, übersetzen Sie den Text statt des Bildes. Plattformspezifische Schritte finden Sie in den Artikeln Bilder auf Shopify übersetzen und E-Mail-Bilder lokalisieren.

Quellen

Übersetzen Sie ein Bild, das seinen Text behalten muss

Laden Sie ein Produktfoto, ein Banner oder eine Infografik hoch, wählen Sie eine Sprache und fügen Sie vor der Veröffentlichung einen Alternativtext in dieser Sprache hinzu.

Bild übersetzen

Häufig gestellte Fragen

Sind Bilder von Text nach den WCAG erlaubt?

Auf Stufe AA verlangt das Erfolgskriterium 1.4.5 echten Text statt Bildern von Text, wenn die Technologie ihn darstellen kann. Bilder von Text bleiben erlaubt, wenn Nutzer sie anpassen können oder die Darstellung wesentlich ist, und Logos gelten als wesentlich. Jedes Bild von Text braucht außerdem eine Textalternative mit demselben Text.

Braucht ein übersetztes Bild einen übersetzten Alternativtext?

Ja. Die Textalternative soll denselben Text enthalten wie das Bild, ein deutsches Banner braucht also einen deutschen Alternativtext. Bleibt der Alternativtext in der Ausgangssprache, erhalten Screenreader-Nutzer eine andere Botschaft als alle anderen.

Gilt der European Accessibility Act für meinen Onlineshop?

Er erfasst seit dem 28. Juni 2025 Dienstleistungen im elektronischen Geschäftsverkehr, die für Verbraucher erbracht werden. Kleinstunternehmen, die Dienstleistungen erbringen (weniger als 10 Personen und ein Jahresumsatz oder eine Jahresbilanzsumme von höchstens 2 Millionen Euro), sind ausgenommen. Dienstleistungen, die nur an Unternehmen verkauft werden, fallen nicht darunter.

Macht ein Bildübersetzungstool meine Bilder barrierefrei?

Kein Tool schafft das allein. Ein Tool kann das übersetzte Bild erstellen; die Barrierefreiheit hängt davon ab, wie Sie es veröffentlichen: echter Text, wo möglich, ein Alternativtext in der richtigen Sprache und ausreichender Kontrast in jeder Version.

Louis Desclous

Lesezeit: 10 Min.

Über den Autor

Experte für Bildübersetzung und KI-gestützte Lokalisierungstools. Gründer von TranslateMyImage, der Unternehmen mit automatisierter Bildübersetzung beim internationalen Wachstum unterstützt.

Autorenprofil ansehen

Ähnliche Artikel