High-Contrast-Prüfstand

css high contrast mode: Welche Signale überleben?

Forced Colors ersetzt Autorenfarben; prefers-contrast tut das nicht. Simulieren Sie zwei Beispielpaletten und reparieren Sie vier kritische CSS-Signale.

01 / Überlebensstrecke

Palette wählen, Signale einzeln reparieren.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Strecke Ihnen.

Überlebensstrecke

0/4 Signale robust

Profil freigebenBereit
CanvasCanvasTextButtonTextHighlight

Echte Werte legt die Systempalette der nutzenden Person fest.

@media (forced-colors: active) {
}

Dunkle Forced-Colors-Palette aktiv. Vier Reparaturen sind offen.

02 / Der Unterschied

Vier Signale sind der Anfang, nicht die Website.

  • Was hier simuliert wird, passiert real

    Schatten, Hintergrundbilder und reine Farb-Status verschwinden, sobald der Browser die Palette übernimmt. Der Website-Check prüft Ihre Seiten im ausgelieferten Zustand, nicht ein einzelnes Control.

  • Mehr als vier Muster

    Kontraste, Beschriftungen und weitere Zustände entscheiden mit, ob ein Interface den Moduswechsel übersteht.

  • Fundstellen statt Mustergefühl

    Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.

03 / Auf Ihrer Website

Jetzt die eigenen Signale prüfen.

Die Strecke repariert vier Muster. Der Website-Check prüft Ihre Seiten auf Kontrast- und weitere automatisch erkennbare Barrieren.

Der Website-Check ist bereit.

  1. 1URL
  2. 2Auswahl
  3. 3Prüfung
  4. 4Ergebnis
Kostenlos starten · keine Installation

Die Signale stehen. Jetzt die Seite dahinter prüfen.

Kostenlos starten: URL eingeben und konkrete technische Warnsignale mit Fundstellen erhalten.