Kontrast-Checker

Der Farbkontrast zwischen Text und Hintergrund muss nach WCAG mindestens 4.5:1 betragen (normaler Text) oder 3:1 (großer Text ab 24px oder 18px fett). Geben Sie zwei Farben ein und prüfen Sie sofort:

15.39:1
AA Normaler Text AA Großer Text AAA Normaler Text AAA Großer Text

Kostenlose Prüftools

Kein einzelnes Tool findet alle Probleme. Die Kombination aus automatischem Scan und manuellem Test liefert die besten Ergebnisse.

WAVE (Web Accessibility Evaluation Tool)

Was es tut: Zeigt Barrierefreiheits-Probleme direkt auf Ihrer Website an - farbcodiert und mit Erklärungen.

Wie Sie es nutzen: Gehen Sie auf wave.webaim.org, geben Sie Ihre URL ein und klicken Sie "Submit". WAVE markiert Fehler (rot), Warnungen (gelb) und bestandene Tests (grün) direkt auf Ihrer Seite.

Besonders gut für: Fehlende Alt-Texte, Überschriften-Struktur, Formularbeschriftungen, Kontrastprobleme.

Google Lighthouse

Was es tut: Prüft Barrierefreiheit, Performance und SEO in einem Durchgang. Gibt einen Score von 0-100.

Wie Sie es nutzen: Öffnen Sie Ihre Website in Chrome. Drücken Sie F12 (Entwicklertools). Wechseln Sie zum Tab "Lighthouse". Wählen Sie "Accessibility" und klicken Sie "Analyze page". Wenn Sie mit den Entwicklertools nicht vertraut sind, finden Sie auf browserdoktor.de Anleitungen zur Nutzung von Browser-Funktionen.

Besonders gut für: Schnellen Überblick, Kontrast-Check, ARIA-Probleme, Touch-Target-Größen.

Lighthouse in der Praxis: webaccessibility.de

Diese Website wurde selbst mit Lighthouse geprüft. Das Ergebnis vom 9. Mai 2026:

Google PageSpeed Insights Ergebnis für webaccessibility.de: Leistung 100, Barrierefreiheit 100, Best Practices 100, SEO 100. First Contentful Paint 0,8s, Largest Contentful Paint 1,2s, Total Blocking Time 0ms, Cumulative Layout Shift 0, Speed Index 2,0s

Lighthouse zeigt vier Scores: Leistung (Performance), Barrierefreiheit (Accessibility), Best Practices und SEO. Unser Ergebnis: 100/100/100/100. Das zeigt: Eine vollständig barrierefreie, schnelle und SEO-optimierte Website ist kein Widerspruch - im Gegenteil, die Anforderungen ergänzen sich. Aktuelles Ergebnis auf PageSpeed Insights ansehen.

Ein Hinweis zu Lighthouse und Kontrast: Lighthouse prüft Farbkontraste pauschal mit einem Minimum von 4.5:1 - auch für großen Text. WCAG 2.2 Kriterium 1.4.3 erlaubt für großen Text (ab 24px oder 18px fett) jedoch ein Verhältnis von 3:1. Wenn Lighthouse bei Überschriften einen Kontrast-Fehler meldet, der über 3:1 liegt, ist das ein bekanntes Verhalten des Tools, kein tatsächlicher WCAG-Verstoß. Auf dieser Website verwenden wir bewusst einen Akzentfarbton mit 4.07:1 auf dunklem Hintergrund für Überschriften ab 38px - das übertrifft die geforderten 3:1 deutlich.

axe DevTools

Was es tut: Browser-Erweiterung die detaillierte Accessibility-Probleme findet und erklärt, welcher WCAG-Standard verletzt wird.

Wie Sie es nutzen: Installieren Sie die axe DevTools Erweiterung für Chrome oder Firefox. Öffnen Sie Ihre Website, drücken Sie F12, wechseln Sie zum Tab "axe DevTools" und klicken Sie "Scan".

Besonders gut für: Detaillierte Fehlerbeschreibungen mit WCAG-Referenz, priorisierte Ergebnisliste.

Tastatur-Test (manuell)

Was es tut: Kein Tool kann echte Tastaturnavigation ersetzen. Der manuelle Test zeigt Probleme die kein Scanner findet.

Wie Sie es machen:

  1. Legen Sie die Maus beiseite
  2. Drücken Sie Tab um durch die Seite zu navigieren
  3. Ist der Fokus immer sichtbar? Erreichen Sie alle Links und Buttons?
  4. Können Sie Menüs mit Enter öffnen und mit Escape schließen?
  5. Kommen Sie aus jedem Element wieder heraus (keine Tastaturfalle)?

Zoom-Test (manuell)

Vergrößern Sie die Seite auf 200% (Strg/Cmd und + drücken). Prüfen Sie:

Wichtig: Automatische Tools finden nur etwa 30-40% aller Barrierefreiheits-Probleme. Für eine vollständige WCAG-Prüfung ist immer auch ein manueller Test nötig - idealerweise durch einen erfahrenen Prüfer.

Professioneller Accessibility-Audit

Wir prüfen Ihre Website systematisch nach WCAG 2.2 AA und liefern einen Maßnahmenplan.

AUDIT ANFRAGEN