CSS Accessibility Checker

Prüfen Sie nicht nur Farben. Prüfen Sie Zustände.

CSS entscheidet, ob Fokus sichtbar bleibt, Text lesbar ist und Bewegung reduziert werden kann. Das Labor prüft fünf häufige Risikomuster direkt im Stylesheet – ohne einen vollständigen URL-Scan vorzutäuschen.

01 / Live-Cascade-Labor

CSS eingeben, die fünf Prüfpfade sofort sehen.

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

Cascade-Labor

Code links. Wirkung rechts.

20/100

CSS eingeben

Prüfpfade

1/5 bestanden

Handlungsbedarf

Textkontrast

4.48:1 – für normalen Text sind 4,5:1 der AA-Richtwert.

Der URL-Check untersucht berechnete Styles, Elemente und Seitenkontext.

Noch keine URL für den Vollscan gewählt.

Beispiel geprüft. Vier CSS-Risiken gefunden.

02 / Der Unterschied

Fünf Prüfpfade sind der Anfang, nicht die Website.

  • Styles wirken erst im Element

    Die Heuristik liest Regeln einzeln. Kaskade, Vererbung und Fremd-CSS entscheiden erst im Browser, welche Werte an Ihren Elementen tatsächlich ankommen.

  • Der Check bewertet berechnete Styles

    Der Website-Check prüft Kontrast am gerenderten Text, sichtbare Fokusmarkierungen und Reflow bei Zoom auf Ihren eigenen Seiten.

  • Fundstellen statt Punktzahl

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

03 / Auf Ihrer Website

Jetzt die eigene Website prüfen.

Das Labor prüft CSS-Regeln statisch. Der Website-Check bewertet berechnete Styles und Elemente auf Ihren Seiten.

Der Website-Check ist bereit.

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

Die Prüfpfade stehen. Jetzt die Seite dahinter prüfen.

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

Website auf Barrierefreiheit prüfen