Warum Text auf Fotos so oft verschwindet
Ein Foto ist ein unruhiger Hintergrund: helle und dunkle Bereiche wechseln sich ab. Heller Text sitzt mal auf dunklem Grund (lesbar), mal auf hellem (verschwunden) — oft im selben Wort. Das Auge des Gestalters, der weiß, was dasteht, überliest das leicht. Der Nutzer bei Sonnenlicht auf dem Handy nicht. Lesbarkeit ist deshalb kein Gefühl, sondern eine messbare Eigenschaft.
Die 4,5:1-Regel
Die Web-Barrierefreiheits-Richtlinie WCAG gibt konkrete Mindestwerte für das Kontrastverhältnis zwischen Text und Hintergrund:
- 4,5:1 für normalen Text
- 3:1 für großen Text (ab etwa 24 px bzw. 18,66 px fett)
Diese Zahlen sind keine Willkür — sie sind so kalibriert, dass auch Menschen mit eingeschränktem Sehvermögen den Text noch erkennen. Das Verhältnis lässt sich mit Kontrast-Prüfwerkzeugen aus zwei Farbwerten berechnen. Auf einem einfarbigen Hintergrund ist das simpel; auf einem Foto ist der Hintergrund uneinheitlich — und genau dafür gibt es das Overlay.
Das Overlay: der zuverlässige Retter
Ein Overlay ist eine halbtransparente Farbfläche zwischen Foto und Text. Sie vereinheitlicht den Hintergrund an der Textstelle so weit, dass genug Kontrast entsteht:
- Dunkles Overlay (Schwarz, 40–60 % Deckkraft) unter hellem Text — der Klassiker, funktioniert über fast jedem Foto.
- Helles Overlay (Weiß) unter dunklem Text — für helle, freundliche Bildwelten.
- Verlaufs-Overlay — nur der Bereich hinter dem Text wird abgedunkelt, das restliche Bild bleibt hell. Eleganter als eine Vollflächen-Abdunklung.
Alternativen zum Overlay: eine echte Textbox (Text auf einfarbigem Balken), eine Kontur/ein Schatten um die Buchstaben, oder Text in einen ohnehin ruhigen Bildbereich legen. Dieselben Techniken behandelt der Beitrag Zitat-Grafik erstellen.
Warum das eigene Auge trügt
Der wichtigste Perspektivwechsel: „Ich kann es lesen" ist kein Maßstab. Wer die Grafik gebaut hat, kennt den Text und erkennt ihn auch bei schwachem Kontrast. Aber:
- ältere Menschen sehen kontrastärmer;
- Menschen mit Sehbehinderung erst recht;
- alle bei hellem Umgebungslicht auf einem Handy-Display;
- Farbenblinde bei rein farblicher Unterscheidung.
Deshalb ist ein objektiver Kontrastwert verlässlicher als der eigene Eindruck. Wer barrierefrei denkt, gewinnt automatisch Lesbarkeit für alle — auch für sich selbst im Sonnenlicht.
Nicht nur Farbe: die zweite Regel
Ein verwandtes Prinzip: Information nie allein über Farbetransportieren. „Der rote Text ist wichtig" hilft Farbenblinden nicht — es braucht zusätzlich Fettung, ein Symbol oder eine klare Position. Das gilt für Text auf Bildern ebenso wie für Diagramme, siehe Infografiken barrierefrei machen.
Häufige Fragen
Wie viel Kontrast braucht Text auf einem Bild?
Die WCAG-Richtlinie fordert für normalen Text ein Kontrastverhältnis von mindestens 4,5:1 zwischen Text und Hintergrund, für großen Text 3:1. Auf einem Foto ist der Hintergrund uneinheitlich — deshalb hilft ein Overlay oder eine Textbox, um an der Textstelle verlässlich genug Kontrast herzustellen.
Was ist ein Overlay?
Eine halbtransparente Farbfläche (meist Schwarz oder Weiß) zwischen Bild und Text. Sie dämpft den unruhigen Foto-Hintergrund so weit ab, dass der Text sich zuverlässig abhebt — ohne das Bild ganz zu verdecken. Ein dunkles Overlay für hellen Text, ein helles für dunklen.
Warum reicht mein eigenes Auge nicht zur Beurteilung?
Weil gut sehende Menschen Text erkennen, den Sehbehinderte, ältere Nutzer oder Menschen bei Sonnenlicht auf dem Handy nicht mehr lesen können. Der Kontrastwert ist eine objektive Messung, die diese Nutzer einbezieht — ein Kontrast-Prüfwerkzeug ist verlässlicher als der eigene Eindruck.
Gilt das auch für Text in Social-Media-Grafiken?
Ja, sogar besonders. Social-Media-Bilder werden klein, oft bei schlechten Lichtverhältnissen und auf dem Handy betrachtet. Hoher Kontrast entscheidet dort, ob die Botschaft ankommt — dieselben Regeln wie für Web-Text gelten für Zitat-Grafiken, Memes und Story-Text.