SR only CSS

sr only css braucht eine Einsatzentscheidung.

Prüfen Sie zuerst, was ausschließlich vorgelesen werden darf. Danach testet das Labor die CSS-Regel gegen Clipping, RTL und unsichtbare Tastaturstopps.

01 / Zwei-Kanal-Labor

Einsatzfall wählen, Entscheidung sofort sehen.

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

Zwei-Kanal-Prüfpult

Sichtbar und vorgelesen getrennt abhören

EntscheidungCSS nachbessern

Ausgabeprobe

VIS

Bildschirm

AT

Zugänglicher Text

In neuem Fenster öffnen

Passend: Der sichtbaren Grafik fehlt sonst ein Name.

CSS-Regel prüfen

1/5

Noch keine URL geprüft.

Icon-Button und CSS-Rezept liegen zur Prüfung bereit.

02 / Der Unterschied

Eine robuste Regel ist der Anfang, nicht die Website.

  • Der Hack kippt in der Praxis

    left: -9999px bricht RTL-Seiten, display: none löscht den Text aus dem Accessibility Tree, und ohne Fokus-Ausnahme wird der Sprunglink zum unsichtbaren Tastaturstopp.

  • Der Check findet die Stellen ohne Namen

    Der Website-Check erkennt auf Ihren Seiten Buttons und Links ohne zugänglichen Namen, fehlende Alternativtexte und Kontrastprobleme – die automatisch prüfbaren Barrieren hinter diesem Keyword.

  • Fundstellen statt Rezeptsammlung

    Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos, ohne Installation, direkt aus der URL.

03 / Auf Ihrer Website

Jetzt die eigene Seite prüfen.

Das Labor prüft eine CSS-Regel. Der Website-Check prüft Ihre Seiten auf fehlende Namen, Beschriftungen und weitere automatisch erkennbare Barrieren.

Der Website-Check ist bereit.

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

Die Regel steht. Jetzt die Seite dahinter prüfen.

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