4,5:1
Normale Schrift · AA
Der Mindestwert für Fließtext, Links und Beschriftungen. Auf dieses Niveau beziehen sich die meisten Barrierefreiheitsanforderungen.
Kostenloses Tool
Farbkontrast prüfen
Prüfen Sie, ob Ihre Texte gut lesbar sind. Sie sehen sofort, ob zwei Farben die WCAG-Kontrastanforderungen für AA und AAA erfüllen – und können die Textfarbe mit einem Klick korrigieren.
Kleine SchriftAA
Große SchriftAAA
Kontrastanforderungen erfüllt – gut
WCAG verlangt mindestens 4,5:1 für normale und 3:1 für große Schrift. Wählen Sie zwei Farben aus, um den Kontrast sofort zu prüfen.
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.
Was die Ergebnisse bedeuten
Drei Werte, die Sie kennen sollten.
WCAG 2.2 legt Mindestwerte für den Kontrast fest. Je höher das Verhältnis, desto leichter lässt sich Text erkennen.
3:1
Große Schrift & Bedienelemente · AA
Für Schrift ab 24px (oder etwa 19px fett) sowie visuelle Merkmale, die Symbole, Bedienelemente und deren Zustände erkennbar machen.
7:1
Erhöhter Kontrast · AAA
Die strengere Kontraststufe für Texte. Empfehlenswert für längere Texte und Menschen mit eingeschränktem Sehvermögen.
Lassen Sie KI Ihre Website barrierefrei machen. In 2 Minuten eingerichtet.
Kostenlos startenFAQ
Ihre Fragen zum Farbkontrast.
Farbkontrast beschreibt den Helligkeitsunterschied zwischen einem Text und seinem Hintergrund. Er wird als Verhältnis von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß) angegeben. Ein höherer Kontrast macht Text in der Regel leichter erkennbar.
Für Stufe AA gelten mindestens 4,5:1 für normale und 3:1 für große Schrift. Visuelle Merkmale, die Bedienelemente, deren Zustände oder bedeutungstragende Grafiken erkennbar machen, benötigen in der Regel mindestens 3:1 gegenüber angrenzenden Farben. Für Fokusindikatoren gelten zusätzlich weitere Anforderungen.
Schrift ab 24px (18pt) bei normaler Schriftstärke oder ab etwa 19px (14pt) bei fetter Schrift.
AA ist das Niveau, auf das sich viele Anforderungen an barrierefreie Websites beziehen. AAA verlangt einen höheren Textkontrast: 7:1 für normale und 4,5:1 für große Schrift. Ein bestandener Kontrasttest allein bedeutet nicht, dass eine gesamte Website AA oder AAA erfüllt.
Text als Bestandteil eines Logos, rein dekorative Elemente und inaktive Bedienelemente sind von diesen Kontrastanforderungen ausgenommen. Bedeutungstragende Symbole, etwa für Suche oder Schließen, benötigen in der Regel mindestens 3:1 gegenüber angrenzenden Farben.
WCAG vergleicht die relative Leuchtdichte beider Farben: (heller + 0,05) ÷ (dunkler + 0,05). Dieses Tool nutzt genau diese Formel für deckende sRGB-Farben. Bei Transparenz, Bildern und Farbverläufen muss der tatsächliche Hintergrund berücksichtigt werden.
Seit dem 28. Juni 2025 gelten die nationalen Gesetze zur Umsetzung des European Accessibility Act für bestimmte Produkte und Dienstleistungen, darunter viele Angebote im elektronischen Geschäftsverkehr. Es gibt Ausnahmen, etwa für Kleinstunternehmen, die Dienstleistungen erbringen. Kontrast gehört zu den relevanten Barrierefreiheitsanforderungen; EN 301 549 und WCAG helfen bei der Beurteilung. Welche Pflichten für Ihre Website gelten, hängt von der Dienstleistung, dem nationalen Recht und möglichen Ausnahmen ab.