Was ist Hochkontrastmodus?

Teste, wie deine Webinhalte unter verschiedenen Hochkontrasteinstellungen aussehen. Füge HTML ein oder lade einen URL-Screenshot hoch, um WCAG-konforme Kontrastmodi zu prüfen – darunter Windows-Hochkontrast, invertierte Farben und benutzerdefinierte Kontrastthemen.

Anleitung

1. Schritt 1 — Füge deinen HTML-Inhalt oder einfachen Text in den Editor ein, der als Vorschauquelle dient.
2. Schritt 2 — Wähle einen Kontrastmodus aus den Voreinstellungen: Windows Hochkontrast (Schwarz/Weiß), Invertiert, Gelb auf Schwarz oder benutzerdefinierte Farben.
3. Schritt 3 — Prüfe die Live-Vorschau auf Lesbarkeit. Nutze den Kontrastverhältnis-Prüfer, um die WCAG-AA/AAA-Konformität für Textelemente zu verifizieren.

Ergebnis

Ein Entwickler fügt den HTML-Code seiner Navigationsleiste ein und wechselt in den Windows-Hochkontrastmodus. Er stellt fest, dass seine Nur-Symbol-Schaltflächen auf dem schwarzen Hintergrund unsichtbar werden, und fügt daraufhin sichtbare Textbeschriftungen hinzu.

Ähnliche Tools