Kontrast nach WCAG prüfen
Geben Sie eine Text- und eine Hintergrundfarbe ein, um das genaue Kontrastverhältnis zu sehen und ob es die WCAG-2.1-Barrierefreiheitsstufen für normalen und großen Text erfüllt.
Die Schwellenwerte
- AA — normaler Text: 4,5:1
- AA — großer Text: 3:1
- AAA — normaler Text: 7:1
- AAA — großer Text: 4,5:1
Großer Text bedeutet ≥24px oder ≥18,66px in Fettschrift.
So verwenden Sie es
- Legen Sie Text- (Vordergrund-) und Hintergrundfarbe fest.
- Lesen Sie das Kontrastverhältnis und die Ergebnis-Badges ab.
- Nutzen Sie die Live-Vorschau, um die Lesbarkeit in beiden Textgrößen zu beurteilen.
