In diesem Artikel
Prüfe den Textkontrast auf KI-Bildern direkt unter den Buchstaben und in jedem Layout. Beginne mit dem schmalsten Ausschnitt, weil der Titel dort eher umbricht oder auf eine helle Stelle gerät. Lass den Text editierbar. Verschiebe ihn, dunkle den Hintergrund lokal ab oder unterlege ihn mit einer Farbfläche. Prüfe danach noch einmal mit der tatsächlichen Schrift und dem endgültigen Text.
Einen Zielwert für die Schrift festlegen
Für Webinhalte nennt die W3C-Erläuterung zu WCAG 2.2 AA mindestens 4,5:1 für normalen Text und 3:1 für Text, der als groß gilt. Eine Überschrift ist nicht automatisch groß. Prüfe die angezeigte Größe und Stärke. Eine kleine Zeile darunter kann weiterhin 4,5:1 benötigen. Sieh das Minimum als Untergrenze. Mehr Kontrast kann das Lesen auf den ersten Blick erleichtern.
Den Hintergrund unter den Buchstaben messen
Stell dir ein Banner für einen Keramikworkshop vor. Rechts steht eine helle Vase, links liegt eine dunkelblaue Wand. Am Desktop steht der weiße Titel vollständig über Blau. Im niedrigeren mobilen Ausschnitt verschiebt sich die Aufnahme und die letzte Zeile ragt in eine beige Lichtstelle. Ein Bildmittelwert würde die Stelle übersehen. Blende in der Vorschau in Zielgröße den Text aus, lass aber Bild und Abdunklung sichtbar. Nimm Farbproben direkt unter den Worten, besonders an hellen Stellen unter weißer Schrift. Verwende für die Berechnung die vorgesehene Schriftfarbe statt eines geglätteten Randpixels.
Starke und schwache Bereiche vergleichen
Als Rechenbeispiel ergibt Weiß auf Dunkelblau #253343 rund 12,86:1 und Weiß auf Beige #B9A78E etwa 2,34:1. Die Farben sind Beispiele und stammen nicht aus dem Titelbild. Dunkelblau übertrifft den Wert für normalen Text, Beige unterschreitet beide Grenzwerte. Lies die ganze Zeile in Ausgabegröße und prüfe das niedrigste Verhältnis unter den Buchstaben. Bei Texturen und Kanten nimm mehrere Proben.
Eine Lösung für mehrere Ausschnitte wählen
Verschiebe den Titel zunächst in einen stabilen Bereich und plane Platz für eine längere Übersetzung ein. Muss das Bild die ganze Fläche füllen, kann ein lokaler Verlauf den Hintergrund unter dem Text abdunkeln, während die Vase hell bleibt. Miss anschließend den schwächsten Punkt. Ändert sich die Textposition häufig oder wird das Foto oft ausgetauscht, nutze eine deckende Fläche oder setze die Schrift neben das Bild. Weiß auf #222222 erreicht ungefähr 15,91:1. Die Fläche verdeckt einen Teil des Motivs. Plane sie bei der Komposition ein.