Generator für barrierefreie Farbpaletten
Bauen Sie eine Farbpalette auf und sehen Sie sofort, welche Kombinationen die WCAG-2.2-Kontrastverhältnisse AA (4,5 : 1) und AAA (7 : 1) erfüllen. Jedes Paar wird automatisch geprüft.
Ihre Palette
Kontrast-Matrix
Klicken Sie auf „Alle Paare prüfen", um die Kontrast-Matrix zu erzeugen.
Barrierefreie Paare
Führen Sie die Prüfung durch, um bestandene Paare zu sehen.
📚 Wissenschaftliche Grundlagen und Quellen
Für wen dieses Tool gedacht ist
Ein angemessener Farbkontrast ist entscheidend für Menschen mit Sehschwäche, Farbsehstörungen (CVD) und altersbedingten visuellen Erkrankungen. Die WHO schätzt, dass weltweit mindestens 2,2 Milliarden Menschen unter einer Nah- oder Fernsehbeeinträchtigung leiden (WHO, 2019). Die Forschung von Owsley (2011) belegt, dass die Kontrastempfindlichkeit mit dem Alter deutlich abnimmt — kontraststarkes Design wird damit für ältere Erwachsene zunehmend wichtig. Farbsehstörungen betreffen weltweit etwa 300 Millionen Menschen (Colour Blind Awareness). Designer, Entwicklerinnen und Markenteams nutzen dieses Tool, um sicherzustellen, dass ihre Farbpaletten die WCAG-Mindestanforderungen erfüllen — und so die Nutzbarkeit für all diese Gruppen schützen.
WCAG-2.2-Kontrastanforderungen
- EK 1.4.3 (Mindestkontrast, Stufe AA): Normaler Text erfordert ein Kontrastverhältnis von ≥ 4,5:1. Großer Text (18 pt+ oder 14 pt+ fett) erfordert ≥ 3:1.
- EK 1.4.6 (Verstärkter Kontrast, Stufe AAA): Normaler Text erfordert ein Kontrastverhältnis von ≥ 7:1. Großer Text erfordert ≥ 4,5:1.
- EK 1.4.11 (Nicht-Text-Kontrast, Stufe AA): UI-Komponenten und grafische Objekte erfordern ≥ 3:1 Kontrast zu benachbarten Farben.
Wissenschaftliche Quellen
- W3C (2023). „Web Content Accessibility Guidelines (WCAG) 2.2." w3.org/TR/WCAG22 · Definiert die Schwellenwerte (4,5:1, 7:1, 3:1) und den Algorithmus zur Berechnung der relativen Luminanz, der in diesem Tool verwendet wird.
- Owsley, C. (2011). „Aging and vision." Vision Research, 51(13), 1610-1622. · Dokumentiert, dass die Kontrastempfindlichkeit mit dem Alter aufgrund optischer und neuronaler Veränderungen erheblich abnimmt — ein Beleg für die Bedeutung kontraststarken Designs für eine alternde Bevölkerung.
- Weltgesundheitsorganisation (2019). Welt-Sehbericht. · Stellt fest, dass weltweit mindestens 2,2 Milliarden Menschen eine Sehbeeinträchtigung haben, wobei Sehschwäche und Presbyopie die häufigsten Formen sind.
- Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · Grundlegende Forschung darüber, wie Kontrast, Schriftgröße und Abstand die Leseleistung von Menschen mit Sehschwäche beeinflussen.
- Arditi, A. & Faye, E. (2004). „Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice." Optometry and Vision Science, 81(4), 287-292. · Zeigt die klinische Bedeutung der Kontrastempfindlichkeit als Indikator für funktionales Sehvermögen.
Algorithmus
Die relative Luminanz wird gemäß der WCAG-2.2-Definition berechnet: sRGB-Kanalwerte werden linearisiert (Gammakorrektur entfernt) und dann gewichtet (0,2126 R + 0,7152 G + 0,0722 B) gemäß ITU-R BT.709. Kontrastverhältnis = (Lheller + 0,05) / (Ldunkler + 0,05).
Hinweis
Dieses Tool berechnet Kontrastverhältnisse mit dem in WCAG 2.2 spezifizierten Algorithmus. Mathematische Kontrastschwellen zu erreichen ist eine notwendige, aber nicht hinreichende Bedingung für Lesbarkeit · Faktoren wie Schriftgewicht, Größe, Anti-Aliasing und Bildschirmkalibrierung beeinflussen die Lesbarkeit ebenfalls. WCAG-Konformität verlangt eine Bewertung aller Erfolgskriterien, nicht nur des Kontrasts. Dieses Tool bietet keine rechtliche Compliance-Beratung. Für formelle Barrierefreiheits-Audits wenden Sie sich an eine qualifizierte Fachkraft.