Farbkontrast-Prüfer (WCAG)

Wie prüfe ich den Farbkontrast?

So funktioniert's

  1. Geben Sie Ihre Werte in die Felder oben ein.
  2. Klicken Sie auf "Berechnen", um das Ergebnis zu sehen.
  3. Nutzen Sie "Teilen", um Ihr Ergebnis zu senden.

Über diesen Rechner

Dieses Tool berechnet das WCAG-Kontrastverhältnis zwischen einer Vorder- und einer Hintergrundfarbe, einen Wert von 1:1 (identische Farben, kein Kontrast) bis 21:1 (reines Schwarz auf reinem Weiß), ermittelt aus der relativen Leuchtdichte jeder Farbe. Anschließend prüft es dieses Verhältnis gegen die offiziellen AA- und AAA-Barrierefreiheitsschwellen — üblicherweise 4,5:1 für normalen Text und 3:1 für großen Text unter AA, mit strengeren Mindestwerten unter AAA — um festzustellen, ob eine bestimmte Text-Hintergrund-Kombination tatsächlich lesbar genug ist, um die Barrierefreiheitsstandards zu erfüllen.

Es wird von Webdesignern und Frontend-Entwicklern genutzt, die eine Farbpalette vor der Veröffentlichung prüfen, da kontrastarmer Text zu den häufigsten Beschwerden im Bereich Barrierefreiheit zählt und in manchen Rechtsordnungen gesetzliche Vorgaben zur Barrierefreiheit verfehlen kann. Auch Prüfer für Barrierefreiheit nutzen dieselbe Berechnung bei der Bewertung einer Website oder App auf WCAG-Konformität, und Designsysteme integrieren AA-konforme Farbpaare häufig direkt in ihre Komponentenbibliotheken, um das Problem von vornherein zu vermeiden.

Was this helpful?

Comments (0)

  • Be the first to comment.

Beliebte Rechner

Alle Rechner