Was ist der Unterschied zwischen WCAG AA und AAA?

WCAG AA ist der Mindeststandard (4.5:1 fuer normalen Text, 3:1 fuer grossen Text). AAA ist der hoechste Standard (7:1 fuer normalen Text, 4.5:1 fuer grossen Text). Die meisten Websites sollten mindestens AA erfuellen.

Was gilt als grosser Text?

Grosser Text ist Text ab 18pt (24px) normal oder ab 14pt (18.5px) fett. Fuer grossen Text gelten geringere Kontrastanforderungen, da er leichter lesbar ist.

Warum ist Farbkontrast wichtig?

Guter Farbkontrast verbessert die Lesbarkeit fuer alle Nutzer, insbesondere fuer Menschen mit Sehbehinderungen oder Farbsehschwaechen. Er ist auch bei schlechten Lichtverhaeltnissen oder auf mobilen Geraeten wichtig.

Werden meine Daten gespeichert?

Nein, die Kontrastpruefung erfolgt komplett im Browser. Keine Daten werden an Server gesendet.

Was bedeutet das Kontrastverhaeltnis?

Das Kontrastverhaeltnis beschreibt den Helligkeitsunterschied zwischen zwei Farben. 1:1 bedeutet kein Kontrast (identische Farben), 21:1 ist der maximale Kontrast (Schwarz auf Weiss).

Gilt der Kontrast auch fuer Buttons und Icons?

Ja, UI-Komponenten wie Buttons, Formularfelder und informative Icons muessen mindestens ein Kontrastverhaeltnis von 3:1 zum Hintergrund haben (WCAG 2.1).

Stand: Dezember 2025

Kontrast Pruefer

Pruefen Sie Farbkontraste auf WCAG 2.1 Konformitaet - mit Live-Vorschau und automatischer Optimierung.

KostenlosKeine AnmeldungDSGVO-konform

Client-Side

Vordergrundfarbe (Text)

Hintergrundfarbe

WCAG Kontrastanforderungen

Normaler Text: Text unter 18pt (24px) oder unter 14pt (18.5px) fett

Großer Text: Text ab 18pt (24px) oder ab 14pt (18.5px) fett

UI-Komponenten: Grafische Objekte und Formularelemente

Funktionen

WCAG 2.1 konform: Prueft AA und AAA Standards.
Live-Vorschau: Sofortige Anzeige des Kontrasts.
Farboptimierung: Automatische Verbesserungsvorschlaege.
Pipetten-Tool: Farben vom Bildschirm aufnehmen.

WCAG Kontrastanforderungen verstehen

Die Web Content Accessibility Guidelines (WCAG) definieren Mindestanforderungen fuer Farbkontraste, um Webinhalte fuer alle Menschen zugaenglich zu machen - einschliesslich Menschen mit Sehbehinderungen.

Unser Kontrastpruefer berechnet das Kontrastverhaeltnis nach der offiziellen WCAG 2.1 Formel und zeigt Ihnen sofort, ob Ihre Farbkombination die Standards erfuellt.

WCAG Kontrastverhaeltnisse

WCAG Kontrastverhaeltnisse
Eigenschaft	Wert
AA Normal	4.5:1 - Text unter 18pt / 14pt fett
AA Gross	3:1 - Text ab 18pt / 14pt fett
AAA Normal	7:1 - Hoechster Standard
AAA Gross	4.5:1 - Grosser Text AAA

Warum Farbkontrast wichtig ist

Vorteile guten Kontrasts

Bessere Lesbarkeit: Hoher Kontrast erleichtert das Lesen fuer alle Nutzer
Barrierefreiheit: Essentiell fuer Menschen mit Sehbehinderungen oder Farbsehschwaechen
Mobile Nutzung: Bei Sonnenlicht oder schlechten Bildschirmen besonders wichtig
Rechtliche Anforderungen: BITV 2.0 und EU-Richtlinien fordern WCAG AA Konformitaet
SEO-Vorteile: Google bewertet barrierefreie Websites positiver

Datenschutz beim Pruefen

Unser Kontrastpruefer arbeitet vollstaendig im Browser. Ihre Farbcodes werden lokal auf Ihrem Geraet verarbeitet und niemals an unsere Server gesendet.

Datenschutz-Garantie

Browser-Verarbeitung: Komplette Berechnung lokal in Ihrem Browser.
Keine Uploads: Ihre Daten verlassen Ihren Computer nicht.
DSGVO-konform: Keine Datenverarbeitung auf unseren Servern.
Keine Speicherung: Nichts wird gespeichert oder protokolliert.

Barrierefreiheit im Web

Barrierefreiheit (Accessibility, A11y) bedeutet, dass Webinhalte fuer alle Menschen nutzbar sind - unabhaengig von Behinderungen oder technischen Einschraenkungen.

A11y Best Practices

Farbkontrast: Mindestens 4.5:1 fuer normalen Text.
Nicht nur Farbe: Informationen nicht nur durch Farbe vermitteln.
Fokus-Indikatoren: Sichtbare Fokuszustaende fuer Tastaturnutzer.
Alt-Texte: Beschreibende Alternativtexte fuer Bilder.

Haeufige Fragen zum Kontrastpruefer

Alles Wichtige zur WCAG-Kontrastpruefung