Ein Kriterium der Stufe AA: Verwenden Sie keine Textbilder zur Informationsvermittlung, wenn echter, gestalteter Text dasselbe visuelle Ergebnis erzielen kann.

Warum sind Textbilder problematisch?

Sie skalieren und fließen nicht sauber um, lassen sich von Nutzern nicht vergrößern oder kontrastreicher gestalten und werden von assistiver Technik nicht zuverlässig gelesen.

Was ist von 1.4.5 ausgenommen?

Logotypen (Text als Teil eines Logos oder einer Marke) und Fälle, in denen eine bestimmte Darstellung wesentlich ist, etwa ein Schriftmuster.

Erfolgskriterien

WCAG 1.4.5 Bilder von Text

Erfolgskriterium 1.4.5 verlangt, dass Informationen, die über ein Bild von Text vermittelt werden, stattdessen mit echtem Text vermittelt werden, außer wenn eine bestimmte visuelle Darstellung wesentlich ist (wie bei einem Logo) oder das Bild tatsächlich anpassbar ist, um dieselbe Anforderung zu erfüllen. Es ist ein Kriterium der Stufe AA unter Richtlinie 1.4 (Unterscheidbar).

Warum Bilder von Text Probleme verursachen

Ein Bild mit Text – eine Bannergrafik mit einer in die Bilddatei eingebackenen Überschrift, ein Screenshot eines Absatzes – kann vom Nutzer oder Browser nicht in der Größe geändert, umgefärbt oder in der Schriftart geändert werden, wie es bei echtem Text möglich ist. Jemand, der größeren Text, anderen Kontrast oder eine andere Schriftart zur besseren Lesbarkeit braucht, erhält keine dieser Flexibilitäten von einem Bild; der "Text" ist genau so eingefroren, wie er gestaltet wurde, egal was der Betrachter tatsächlich braucht. Er kann auch nicht ausgewählt, kopiert, von Browser-Werkzeugen übersetzt oder zuverlässig von einem Screenreader gelesen werden, ohne dass eine separate Alt-Text-Beschreibung die gesamte Arbeit übernimmt.

Die Ausnahmen

Logotypen – das tatsächliche Logo einer Marke, bei dem die konkrete visuelle Darstellung des Textes tatsächlich der Inhalt ist (eine Wortmarke), sind ausgenommen.

Wesentliche Darstellung – seltene Fälle, in denen das konkrete visuelle Erscheinungsbild für die Information selbst wesentlich ist und nicht mit gestaltetem echten Text erreicht werden kann (etwa ein Screenshot, der einen Fehler in einer bestimmten Schriftdarstellung zeigt).

Vom Nutzer anpassbare Bilder – ein Bilderzeugungssystem, das dem Nutzer erlaubt, Schriftart, Größe und Farben selbst zu steuern, bevor das Bild von Text erzeugt wird, erfüllt das Kriterium weiterhin, da die Flexibilität, um die es diesem Kriterium geht, zum Zeitpunkt der Anpassung besteht.

Warum dies in der modernen Webentwicklung selten auftritt

CSS-Möglichkeiten für Schrift, Farbe und Größe haben "Text in ein Bild einzubacken" schon lange größtenteils überflüssig gemacht – dieses Kriterium erfasst meist Legacy-Muster (alte Marketing-Banner, aus Designwerkzeugen als flache Bilder exportiert, PDF-zu-Bild-Konvertierungen) statt irgendetwas, das eine moderne Komponentenbibliothek standardmäßig produzieren würde. Wenn es doch auftritt, ist die Lösung fast immer unkompliziert: dasselbe visuelle Design mit echtem HTML-Text und CSS statt eines statischen Bildexports neu erstellen.

Häufige Fragen

Was ist WCAG 1.4.5?: Ein Kriterium der Stufe AA: Verwenden Sie keine Textbilder zur Informationsvermittlung, wenn echter, gestalteter Text dasselbe visuelle Ergebnis erzielen kann.
Warum sind Textbilder problematisch?: Sie skalieren und fließen nicht sauber um, lassen sich von Nutzern nicht vergrößern oder kontrastreicher gestalten und werden von assistiver Technik nicht zuverlässig gelesen.
Was ist von 1.4.5 ausgenommen?: Logotypen (Text als Teil eines Logos oder einer Marke) und Fälle, in denen eine bestimmte Darstellung wesentlich ist, etwa ein Schriftmuster.