Wie es funktioniert
Der Generator berechnet den Farbkontrast zwischen Ihrer Hintergrundfarbe und einer Reihe von Text-Kandidaten. Er zeigt für jeden Kandidaten:
- AA Normaler Text - mindestens 4,5:1 (Pflicht für Text unter 24px)
- AA Großer Text - mindestens 3:1 (für Text ab 24px oder 18px fett)
- AAA - mindestens 7:1 (höchste Stufe, nicht gesetzlich gefordert)
Mehr zum Thema: Farbkontraste und Barrierefreiheit.
Tipp: Definieren Sie Ihre Farbpalette einmalig mit geprüften Kontrasten und verwenden Sie CSS Custom Properties. Dann müssen Sie nicht bei jedem Element einzeln prüfen. Einzelne Kombinationen prüfen Sie mit unserem Kontrast-Checker.
Hinweis: Dieser Artikel beschreibt technische Anforderungen der Web-Barrierefreiheit nach WCAG 2.2. Er stellt keine Rechtsberatung dar.