Ausreichenden Kontrast zwischen Vordergrund- und Hintergrundfarben sicherstellen  
WAI / WCAG 1.0 Priorität 2 Checkpunkt 2.2
 
 
Problembeschreibung

Die Seite enthält Grafiken, Objekte oder Applets. In manchen Fällen kann es vorkommen, dass der Kontrast zwischen Vordergrund- und Hintergrundfarbe zu gering ist und die Farben daher schlecht unterschieden werden können.

 
 
Überprüfung

Sorgen Sie daher auf jeden Fall dafür, dass Farben und farbige Elemente auf der Seite unter allen denkbaren Anzeigebedingungen klar zu unterscheiden sind.
Gewährleisten Sie den Kontrast zwischen Elementen im Vordergrund und solchen im Hintergrund also nicht nur durch Farben, sondern beispielsweise auch durch unterschiedliche Helligkeit, Formate sowie Schriftgrößen oder Schriftarten.

Wenn Sie Farben verwenden, sollten Sie den Unterschied zwischen Vordergrund- und Hintergrundfarbe mithilfe der folgenden drei Charakteristika hervorheben:

  • Farbton
  • Sättigung
  • Helligkeit

Die folgenden Schritte sind einfache Testmöglichkeiten für eine Seite:

  • Zeigen Sie die Seite auf einem Schwarzweißbildschirm an. überprüfen Sie dabei alle Elemente auf der Seite.
  • Drucken Sie die Seite auf einem Schwarzweißdrucker.
  • Kopieren Sie den Druck mehrere Male und überprüfen Sie den Qualitätsverlust. Auf diese Weise wird deutlich, welche Elemente noch stärker hervorgehoben werden müssen (z. B. durch Unterstreichen der Hyperlinks) bzw. welche der Hervorhebungen zu undeutlich oder zu klein sind.
 
 
Problemerklärung

Es gibt viele Situationen, in denen durch schlechte Farbauswahl seitens des Designers die Aufnahme und das Verständnis der Informationen auf einer Seite erschwert werden.

Hierzu zählen unter Umständen Faktoren wie die folgenden:

  • Ungünstige Auswahl von Vordergrund- und Hintergrundfarbe.
  • Der Benutzer zeigt die Seite auf einem Bildschirm an, der die Farben nicht mit derselben Qualität darstellen kann wie der Bildschirm des Designers.
  • Der Benutzer zeigt die Seite auf einem PDA oder Mobiltelefon mit einem Schwarzweißbildschirm an.
  • Der Benutzer muss die Seite auf einem Schwarzweißdrucker drucken.
  • Der Benutzer ist farbenblind.

Auszug aus den W3C-Richtlinien:

Richtlinie Nr. 2. Verlassen Sie sich nicht nur auf Farben.
Sorgen Sie auf jeden Fall dafür, dass Texte und Grafiken auch ohne Farben erkennbar bleiben.

Wenn die Informationsweitergabe allein aufgrund von Farbunterschieden erfolgt, dann können Benutzer mit Fehlsichtigkeit bei Farben bzw. mit Ausgabegeräten, die entweder keine Farben oder überhaupt nichts grafisch darstellen können, diese Information nicht erkennen. Falls sich Vordergrund- und Hintergrundfarbe im Farbton zu ähnlich sind, bieten sie auf einem Monochrom-Bildschirm bzw. für Benutzer mit Farbfehlsichtigkeit unter Umständen keinen ausreichenden Kontrast.