Sie sind hier: npridik.de / Blog / Farbkontraste in PowerPoint checken mit dem Colour Contrast Analyzer

Farbkontraste in PowerPoint checken mit dem Colour Contrast Analyzer

Ob die Farbkontraste auf Ihren PowerPoint-Folien den Anforderungen der Web Content Accessibility Guidelines (WCAG) entsprechen, kontrollieren Sie am besten mit dem Colour Contrast Analyzer (CCA). Wie das kostenlose Tool funktioniert und was Sie sonst noch mit ihm machen können, erfahren Sie in diesem Beitrag.

Der CCA im Einsatz

Der CCA ist kein PowerPoint-Add-in, fühlt sich aber genau so an, denn Sie müssen PowerPoint nicht verlassen, um das Tool anzuwenden. Sie installieren es auf Ihrem Rechner und legen das dazugehörige Fenster bei Bedarf auf Ihren Bildschirm. In PowerPoint sieht das ungefähr so aus:

Screenshot des Colour Contrast Analyzers, dessen Fenster über einer PowerPoint-Folie liegt

Unter dem Menüpunkt Ansicht des CCA können Sie einstellen, ob das Fenster beim Wechsel in ein anderes Programm automatisch minimiert wird oder unabhängig von Ihren Bildschirmaktivitäten stets im Vordergrund zu sehen ist.

Auch die Größe des Fensters ist über den Menüpunkt Ansicht einstellbar. Verdeckt das Fenster andere Objekte auf dem Bildschirm, so können Sie es mit gedrückter linker Maustaste verschieben. Platzieren Sie den Mauszeiger dafür auf der Titelleiste des Fensters.

Was der Colour Contrast Analyzer kann

Den CCA können Sie für drei Dinge nutzen – oder besser gesagt für vier.

Kontrast-Check

Die zentrale Funktion des Tools besteht darin, dass es

  1. das Kontrastverhältnis von zwei Farben ermitteln kann, die Sie mithilfe einer Pipette aufgenommen oder in das Tool eingegeben haben, und sodann
  2. darüber informiert, ob der ermittelte Wert die Anforderungen der WCAG 2.1 erfüllt oder nicht.

Dabei geht es zum einen um die Leserlichkeit von Text und zum anderen um die Unterscheidbarkeit grafischer Elemente ohne Text, sofern diese inhaltlich von Bedeutung ist.

Screenshot des unteren Teils des CCA-Fensters, in dem die WCAG-2.1-Ergebnisse angezeigt werden.

Farbbearbeitung

Falls die Farben die Anforderungen der WCAG nicht erfüllen, können Sie die Farbwerte mithilfe von Schiebereglern verändern, bis an der gewünschten Stelle der grüne Haken erscheint:

Screenshot aus dem Color Contrast Analyzer: Hintergrundfarbe mit den drei Bearbeitungsreglern Farbton, Sättigung und Helligkeit im HSL-Farbmodell
Beide Farbwerte lassen sich über Schieberegler verändern.

Simulator für „Farbenblindheit“

Außerdem enthält der CCA einen Simulator für Fehlsichtigkeiten in Bezug auf Farben, Sie erfahren also, wie die gewählte Kombination der Text- und Hintergrundfarbe von Menschen wahrgenommen wird, die bestimmte Farben nicht oder nur schlecht sehen bzw. unterscheiden können. Der Simulator ist über Ansicht > Simulation von Farbenblindheit aufrufbar.

Screenshot des Colour Contrast Analyzers mit Beispielfarben und Screenshot des Farbenblindheitssimulators
Das Fenster des Simulators rechts zeigt, wie der Beispielkasten im linken Screenshot mit einer Farbenfehlsichtigkeit wahrgenommen wird.

Hex-Farbwerte auslesen

Nutzen können Sie den Colour Contrast Analyzer aber auch noch für etwas ganz anderes: Seine Pipette ermöglicht Ihnen, Hex-Farbwert aus Folienobjekten auszulesen, ohne den Farbdialog öffnen zu müssen. Die Pipette aus den Farbmenüs in PowerPoint kann zwar auch Farbwerte auslesen, zeigt aber nur die RGB-Farbwerte an.

Schritt-für-Schritt-Anleitung

Damit das Farbtool seinen Job machen kann, müssen Sie es mit zwei Farbwerten füttern. Den Rest schafft es allein. Nur wenn ein Kontrast nicht ausreicht, der für die geplante Verwendung relevant ist, müssen Sie bei einer oder beiden Farben nachjustieren.

Die folgenden Arbeitsschritte entsprechen der Nummerierung im Screenshot darunter:

  1. Klicken Sie auf die Pipette der Vordergrundfarbe und wählen Sie mit ihr die Schriftfarbe bzw. die erste der beiden Farben aus. Der Farbwert wird daraufhin im Fenster des CCA angezeigt und das Feld entsprechend eingefärbt.
  2. Klicken Sie auf die Pipette der Hintergrundfarbe und wiederholen Sie den Vorgang für die Hintergrund- bzw. zweite Farbe. (Falls Sie Vorder- und Hintergrundfarbe umkehren möchten, können Sie dies über den Button mit den beiden entgegengesetzten Pfeilen im Bereich der Vordergrundfarbe tun.)
  3. Im Bereich Beispielvorschau sehen Sie, wie die beiden Farben als Text-/Hintergrund-Farbkombination aussehen.
  4. Darunter wird Ihnen das gemessene Kontrastverhältnis angezeigt. Ob der Wert für die geplante Verwendung ausreicht oder nicht, verraten Ihnen die grünen Haken und/oder roten Kreuze unter den schwarzen Balken. Um zu erfahren, was z. B. mit normalem oder großem Text gemeint ist, klappen Sie über das kleine Dreieck in den schwarzen Balken die dazugehörige Erklärung auf.
Zwei Screenshots des Colour Contrast Analyzers nebeneinander: links ohne Farben, aber mit Angabe der Arbeitsschritte, rechts mit Farben und dem Ergebnis, dass das Kontrastverhältnis bei diesem Beispiel 6,1:1 beträgt, was für die Konformitätsstufe AAA bei normalem Text nicht ausreicht.
Der CCA vor und nach Eingabe von Farbwerten; links sind zudem die Anwendungsschritte im Tool verortet.
  1. In meinem Beispiel erfüllt die Farbkombination die Kontrastanforderungen der Konformitätsstufe AA der WCAG 2.1 und könnte somit verwendet werden, wenn der Mindestkontrast im konkreten Fall genügt. Möchten oder müssen Sie dagegen die höheren Anforderungen der Konformitätsstufe AAA erfüllen, heißt es, für normalen Lesetext nachzubessern, denn hier zeigt das rote Kreuz an, dass der Kontrast nicht ausreicht. Umgesetzt werden kann die Farbkorrektur direkt im Fenster des Tools über die Bearbeitungsbuttons der beiden Farben (im Screenshot oben links Punkt 5). Dabei entscheiden Sie, ob Sie beide oder nur eine der beiden Farben verändern wollen. Im Beispiel habe ich mich entschieden, die Hintergrundfarbe aufzuhellen.
Zwei Screenshots des Colour Contrast Analyzers mit Farben und aufgeklappten Schiebregeln für die Bearbeitung der Hintergrundfarbe. Rechts ist ein höherer Wert bei der Helligkeit eingestellt als links und die Hintergrundfarbe entsprechend heller.
Den Helligkeitsregler habe ich in diesem Beispiel so weit nach rechts verschoben, bis unten bei den WCAG-Ergebnissen auch bei Punkt 1.4.6 der zweite grüne Haken zu sehen war.

Anbieter, Download und Lizenz

Entwickelt wurde der Colour Contrast Analyzer von TPGi, einem US-amerikanischen Unternehmen, das Barrierefreiheitslösungen in Form von Software und Services anbietet. Der Link führt Sie zur Downloadseite. Die Software ist kostenlos und steht unter der Lizenz GNU General Public License v3.0.

Was zu tun ist, um Farbbarrieren auf PowerPoint-Folien zu vermeiden, zu erkennen und abzubauen, lesen Sie im Beitrag Wie Sie PowerPoint-Folien in Bezug auf Farben barrierefrei gestalten.