CSS forced colors

CSS forced colors: Was bleibt ohne Markenfarben?

Forced Colors ersetzt viele Autorenfarben durch eine Nutzerpalette. Vergleichen Sie Controls, prüfen Sie typische CSS-Ausfälle und sichern Sie die echte Seite ab.

01 / Systemfarben-Schaltpult

Palette wählen, Ausfälle sofort sehen.

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

Systemfarben-Schaltpult

Marke gegen Nutzerpalette

AutorenfarbenMarke
Bereit zum SpeichernStatus und Aktion
SimulationForced Colors
Bereit zum SpeichernStatus und Aktion
  • Canvas
  • CanvasText
  • ButtonFace
  • ButtonText
  • Highlight

CSS-Regeln

Prüfpfade

0/5 robust

Eine gezielte @media-Regel für notwendige Korrekturen fehlt.

Noch keine URL vorbereitet.

Risikobeispiel geladen. Fünf Prüfpfade sind offen.

02 / Der Unterschied

Ein Control ist der Anfang, nicht die Website.

  • Ausfälle entstehen im Zusammenspiel

    Fokus per box-shadow, Icons als Hintergrundbild, ein forced-color-adjust: none in einer Komponente: Der Website-Check prüft Ihre Seiten im ausgelieferten Zustand, nicht isolierte Regeln.

  • Mehr als Systemfarben

    Kontraste, Beschriftungen und Zustände, die nur über Farbe kommunizieren, fallen im Forced-Colors-Modus wie im Alltag auf.

  • Fundstellen statt Palettenraten

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

03 / Auf Ihrer Website

Jetzt die eigenen Controls prüfen.

Das Schaltpult zeigt Muster an zwei Controls. 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 Palette steht. Jetzt die Seite dahinter prüfen.

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

Website auf Barrierefreiheit prüfen