WCAG-Kontrast-Prüfer
Prüfen Sie Farbkontraste nach WCAG-Standards.
Großer Beispieltext
Dies ist ein normaler Beispieltext, um den Kontrast nach WCAG 2.1 zu prüfen.
Kleiner Text zur Prüfung der Lesbarkeit bei kleineren Größen.
Kontrastverhältnis
7.00:1
AA Normaler Text
Bestanden
Minimum 4.5:1
AAA Normaler Text
Bestanden
Minimum 7:1
AA Großer Text
Bestanden
Minimum 3:1
AAA Großer Text
Bestanden
Minimum 4.5:1
WCAG-Kontrast-Pruefer: Testen Sie die Barrierefreiheit Ihrer Farben
Der WCAG-Kontrast-Pruefer analysiert das Kontrastverhaeltnis zwischen Vordergrund- und Hintergrundfarben gemaess den Web Content Accessibility Guidelines. Er zeigt, ob Ihre Farbkombination die AA- und AAA-Standards erfuellt.
Barrierefreie Farbkontraste sind fuer die Lesbarkeit auf Websites unverzichtbar. Mindestens AA-Konformitaet (4,5:1 fuer normalen Text) wird fuer die meisten Websites empfohlen.
Unser Tool berechnet das Kontrastverhältnis in Echtzeit, zeigt eine Vorschau mit Text unterschiedlicher Größe an und wenn die Kombination nicht der AA-Stufe entspricht, schlägt es automatisch die Farbe vor, die dem Original am nächsten kommt und die Anforderung erfüllen würde. Es ist ein unverzichtbares Tool für Webdesigner, Frontend-Entwickler und alle, die sicherstellen möchten, dass ihre Inhalte für alle Benutzer zugänglich sind.
Häufig gestellte Fragen
Was sind die WCAG-Standards?
Die WCAG (Web Content Accessibility Guidelines) definieren Mindestkontrastraten: AA erfordert 4,5:1 fuer normalen Text und 3:1 fuer grossen Text. AAA erfordert 7:1 bzw. 4,5:1. Diese Standards stellen sicher, dass Inhalte fuer Menschen mit Sehbehinderungen lesbar sind.
Welche Stufe sollte ich anstreben?
Mindestens AA fuer die meisten Websites. AAA ist der Goldstandard, aber fuer Designzwecke manchmal einschraenkend. Viele Regierungen und grosse Unternehmen verlangen mindestens AA-Konformitaet.
Funktioniert der Pruefer mit allen Farbkombinationen?
Ja, geben Sie beliebige Vordergrund- und Hintergrundfarben ein, und der Pruefer berechnet das genaue Kontrastverhaeltnis und zeigt an, ob es die AA- und AAA-Standards erfuellt.
Mehr erfahren? Lesen Sie unseren vollständigen Leitfaden →