An Alle(s) gedacht? – Beitrag 2: Kontrast

This page is also available in English.

Textdarstellung in 5 verschiedenen Grauabstufungen auf weißem Hintergrund, die von hellgrau immer dunkler bis hin zu schwarz gehen. In den 3 hellsten Tönen steht "ungenügender Kontrast", in dunkelgrau steht "ausreichend bei großem Text" und in Schwarz steht "sehr guter Kontrast".

An Alle(s) gedacht!

Der Kontrast zwischen Vorder- und Hintergrundfarbe sollte groß genug sein, damit der Inhalt für alle gut erkennbar ist. Ein ausreichender Kontrast bei Text ist nicht nur für Menschen mit einer Sehbeeinträchtigung wichtig. Er beugt allgemein der Ermüdung beim Lesen vor und gewährleistet auch bei schlechteren Lichtverhältnissen eine gute Lesbarkeit, z. B. wenn die Sonne auf den Bildschirm scheint.

Weiter gedacht.

Ob ein Kontrast ausreichend ist, wird im internationalen Standard WCAG 2.1 (Web Content Accessibility Guidelines) definiert. Überprüft werden kann dies mit Tools wie dem Colour Contrast Analyser (CCA), der kostenlos zum Download zur Verfügung steht. Auf der #DigiBar-Webseite ist eine Anleitung für den CCA als Screencast zu finden. 

Das Tool bietet verschiedene Ergebnisse. Es wird zum einen zwischen normalem und großem Text, sowie Grafiken und zum anderen wird zwischen Konformitätsstufen unterschieden (AA = minimaler Kontrast; AAA = erhöhter Kontrast).

Der Screenshot des Tools CCA zeigt an, dass der ausgewählte Kontrast die minimalen Anforderungen bei großem Text erfüllt, wohingegen er für normalen Text sowie den erhöhten Anforderungen nicht entspricht. Darunter ist das Ergebnis abzulesen, dass für nicht-textliche Inhalte wie Grafiken der minimale Kontrast ausreichend gegeben ist.
Screenshot aus dem Tool CCA

Für den Inhalt verantwortlich: AG “Kampagne Digitale Barrierefreiheit”

Bei Fragen und Anregungen wenden Sie sich per Mail an Sanja Grimminger.

Webseite “An Alle(s) gedacht?”

#DenkBarrierefrei #ThinkAccessible #DigiBar #HessenHub #AnAllesGedacht

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert