Techniken für WCAG 2.0

Zum Inhalt

-

F83: Fehler bei Erfolgskriterium 1.4.3 und 1.4.6, weil Hintergrundbilder benutzt werden, die keinen ausreichenden Kontrast zum Text (oder zu Bildern von Text) im Vordergrund bieten

Anwendbarkeit

Jede Technik

Dieser Fehler bezieht sich auf:

Beschreibung

Dieser Fehler tritt auf, wenn Menschen mit geringem Sehvermögen nicht in der Lage sind, Text zu lesen, der über einem Hintergrundbild angezeigt wird. Wenn es zwischen dem Hintergrundbild und dem Text keinen ausreichenden Kontrast gibt, dann können Bestandteile des Hintergrundbildes mit dem Text verwechselt werden, was es schwierig macht, den Text genau zu lesen.

Um Erfolgskriterien 1.4.3 und 1.4.6 zu erfüllen, muss es einen ausreichenden Kontrast zwischen dem Text und seinem Hintergrund geben. Bei Bildern bedeutet dies, dass es einen ausreichenden Kontrast zwischen dem Text und den Teilen des Bildes, die dem Text am ähnlichsten sind und hinter dem Text liegen, geben müsste.

Beispiele

Beispiel 1: Fehlerbeispiel 1

Schwarzer Text überlagert ein Bild mit schwarzen Linien. Die Linien kreuzen sich hinter den Buchstaben, wodurch die Buchstaben F wie der Buchstabe E aussehen usw.

Beispiel 2: Fehlerbeispiel 2

Schwarzer Text überlagert ein Bild mit dunkelgrauen Bereichen. An allen Stellen, an denen der Text dunkelgraue Bereiche kreuzt, ist der Kontrast so schlecht, dass der Text nicht gelesen werden kann.

Tests

Vorgehensweise

  1. Schnelltest: Machen Sie zuerst einen Schnelltest um zu sehen, ob der Kontrast zwischen dem Text und dem Bereich des Bildes, der am dunkelsten (bei dunklem Text) oder am hellsten (bei hellem Text) ist, dem Kontrast, der gemäß dem Erfolgskriterium (1.4.3 oder 1.4.5) erforderlich ist, entspricht oder diesen übersteigt. Wenn der Kontrast den angegebenen Kontrast erfüllt oder übersteigt, dann gibt es keinen Fehler.

  2. Wenn der Schnelltest falsch ist, dann prüfen Sie, ob der Hintergrund hinter jedem Buchstaben einen ausreichenden Kontrast zu dem Buchstaben hat.

Erwartete Ergebnisse