Dieses WCAG Kriterium besagt, dass ein Text, der für sich stehen kann, nicht als Bild oder auf einem Bild präsentiert werden sollte. Ausnahmen sind zum Beispiel Logos oder Bilder und Grafiken, bei denen der Text auf dem Bild einen rein dekorativen Zweck hat. Der Hintergrund ist, dass Text auf Bild in der Regel nur noch schwer oder gar nicht erkannt werden kann, wenn er gezoomt wird. Für Screenreader-Nutzer ist er überhaupt nicht wahrzunehmen, wenn keine Textalternative angeboten wird. Ziel ist es, Nutzern mit Sehbeeinträchtigung oder kognitiven Einschränkungen das Anpassen von Schriftgröße, -art, -farbe und -abständen zu ermöglichen, was bei Textbildern in der Regel nicht möglich ist.
Tipps und Infos zur Umsetzung des WCAG-Kriterium 1.4.5
Hier kommen von uns noch ein paar Tipps und Infos zur Umsetzung des WCAG-Kriterium 1.4.5:
- Verwende reinen Text mit CSS-Styling für Überschriften, Zitate, Buttons, Banner etc., statt in Bildern dargestellten Text.
- Setze Webfonts (@font-face) und CSS für Schriftfamilie, Größe, Farbe, Zeilen‑ und Buchstabenabstände ein.
- Bei Screenshots oder Diagrammen, die mehr als nur Text enthalten, darf Bildtext verwendet werden – achte jedoch auf ausreichende Kontraste.
- Führe bei bestehenden Inhalten OCR-Scanning durch, um Text aus Bildern zu extrahieren und als echten Text bereitzustellen.
- Entwickle Inhalte so, dass sie Information und Struktur getrennt von der visuellen Präsentation enthalten, um flexible Darstellungsmöglichkeiten zu unterstützen.
- Zulässige Ausnahmen wären, wenn der Text wesentlich für die Information ist (z.B. Logos, Markennamen, Schriftproben, historische Dokumente) oder wenn der Nutzer die Möglichkeit hat, das Bild anzupassen (z.B. Größe, Farbe, Abstand).
- Wenn Bildtext unvermeidlich ist (z.B. Logos, Schriftproben, historische Dokumente), sorge dafür, dass es Textalternativen gibt (z.B. ein alt‑Attribut).
Bei Fragen beraten wir dich gerne. Mehr Infos zu diesem Kriterium findest du auch auf der folgenden englischen WAI-Seite zum WCAG-Kriterium 1.4.5 Textbilder.