Visuelle Hierarchie
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern. Lesbarkeit ist entscheidend.
Überprüfen Sie Farbkontrastverhältnisse sofort und bestätigen Sie die WCAG 2.1-Konformität. Fügen Sie zwei beliebige Farben ein, um zu sehen, ob sie die AA- oder AAA-Standards für normalen Text, großen Text und UI-Komponenten erfüllen. Erhalten Sie automatische Korrekturvorschläge, wenn Ihre Farben die Barrierefreiheitsanforderungen nicht erfüllen.
Testen Sie gegen AA (4,5:1 für normalen Text, 3:1 für großen Text) und AAA (7:1 / 4,5:1) Standards. Sehen Sie auf einen Blick, ob bestanden oder nicht bestanden.
Wenn der Kontrast nicht ausreicht, erhalten Sie Farbanpassungsvorschläge, die Ihre Designabsicht bewahren und gleichzeitig die Barrierefreiheitsstandards erfüllen.
Sehen Sie, wie Ihr Text auf Ihrer Hintergrundfarbe tatsächlich aussieht. Vorschau von normalem Text, großem Text und UI-Elementen in Echtzeit.
Geben Sie Farben als HEX, RGB oder HSL ein. Der Prüfer führt die Konvertierung automatisch durch, sodass Sie in Ihrem bevorzugten Format arbeiten können.
Für WCAG AA: Normaler Text benötigt mindestens 4,5:1, großer Text (18pt oder 14pt fett) benötigt mindestens 3:1, und nicht-textliche UI-Komponenten benötigen mindestens 3:1.
AAA ist ein strengerer Standard: 7:1 für normalen Text und 4,5:1 für großen Text. Die meisten Designsysteme zielen auf AA als Minimum ab, mit AAA als erstrebenswertem Ziel.
Nein. WCAG 2.1 erfordert auch einen Kontrast von 3:1 für UI-Komponenten (Schaltflächen, Eingaberänder, Symbole) und grafische Objekte, die Bedeutung vermitteln.
Etwa 8 % der Männer und 0,5 % der Frauen haben eine Form von Farbfehlsichtigkeit. Ein guter Kontrast stellt sicher, dass Ihre Inhalte für alle lesbar sind – auch für Menschen mit Sehschwäche, bei hellem Sonnenlicht oder auf Bildschirmen mit niedriger Qualität.