CSS für assistive Ausgabe
screen reader only css als Zustandsvertrag prüfen
Versteckter Text braucht drei Zusagen: nicht sichtbar, weiterhin vorlesbar und bei Tastaturfokus erreichbar. Testen Sie Ihre Regel unter realistischen Belastungen.
01 / Zustandsprüfstand
Regel einsetzen, Schutzmuster sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört der Prüfstand Ihnen.
Drei-Kanal-Prüfstand
Welche Schutzmuster deckt die Regel ab?
Ausgabekanäle
Im Ruhezustand verborgen, bei Tastaturfokus vollständig sichtbar.
Stresstest
Risiko- Accessibility Tree
- 1-px-Box
- Clipping
- RTL-neutral
- Fokus-Reveal
- 400-%-Zoom
- Forced Colors
CSS-Regel
editierbarRegex-Vorprüfung des CSS-Rezepts; Browser-, Zoom- und Screenreader-Test bleiben erforderlich.
Riskantes Offscreen-Rezept geladen.
02 / Der Unterschied
Eine geprüfte Regel ist der Anfang, nicht die Website.
RTL, Zoom und Überschreibungen
left: -10000px bricht in RTL-Layouts, ein Reveal ohne max-inline-size scheitert bei 400-%-Zoom, und eine später geladene Klasse kann die Schutzmuster wieder aufheben.
Der Check findet die Fehlstellen
Unbeschriftete Icon-Schaltflächen, leere Links und fehlende Alternativtexte sind die Stellen, an denen versteckter Text fehlt. Der Website-Check findet sie automatisch auf Ihren Seiten.
Fundstellen statt Rezeptraten
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigene Seite prüfen.
Der Prüfstand bewertet das Rezept. Der Website-Check prüft Ihre Seiten auf fehlende Beschriftungen und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis