Die WCAG-Kriterien

WCAG 1.4.5: Bilder von Text

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

Komplexität:Einfach
Dauer:Kann dauern

Wichtig für Rolle:

Design

Zum WCAG-Kriterium:

Bilder von Texten (englisch)

Worum geht's?

Wichtige Informationen dürfen nicht als Bilder von Texten dargestellt werden, sondern müssen als echter Text im HTML hinterlegt sein.

Einige Menschen mit Seheinschränkungen oder Legasthenie müssen Texte visuell verändern können (Farbe, Größe, Laufweite, Schriftart und so weiter), um sie gut lesen zu können.

Pixelgrafiken reagieren nicht auf solche Anpassungen und werden auch von Screenreadern nicht erkannt.

Im Bild steht: Hier im Bild sollte eigentlich kein Text stehen, sorry! Daneben ist eine grüne Figur, die fragend schaut und dazu sagt sie: Typisch!

Umsetzung

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

Texte als Pixelgrafik vermeiden
Texte sollten als echter Text hinterlegt sein. Vor allem wichtige Texte gehören nicht in Pixelgrafiken. Überschriften, Werbecodes oder Promotions sollten immer als echter HTML-Text auf der Seite zu finden sein.
WCAG-Technik(en) in Englisch:
- C22: Verwenden von CSS zur Steuerung der visuellen Textdarstellung

Anmerkungen

Ausnahme: Textalternative ist in der Nähe
Ein Bild darf Text mit wichtigen Informationen beinhalten, wenn der Text auch in HTML-Form in der Nähe des Bildes zu finden ist.

Auf unserer Webseite haben wir zum Beispiel oft Texte in Blogbildern. Dieser Text wird aber (teilweise auch noch ausführlicher) im Titel wiederholt. Damit haben wir eine zugängliche Alternative.

Ausnahme: Die Texte sind als SVG-Text eingebunden
Texte im <text>-Tag eines SVG sind erlaubt. Diese können nämlich individuell skaliert und gestaltet werden.

Allerdings wird dadurch auch das SVG unnötig groß. Es ist also keine wirklich empfohlene Lösung.

Ausnahme: Bild dient zur Dokumentation
Screenshots oder (Schritt-für-Schritt-)Illustrationen, die als Dokumentation dienen, dürfen Text enthalten.

Ausnahme: Text ist essenziell für das Bild
Bilder wie Urkunden, Buchcover oder Siegel, bei denen der Text Teil des Wesens ist, dürfen Text enthalten.

Ohne Text würden diese Bilder nicht mehr funktionieren oder keinen Sinn mehr ergeben.