Visually hidden CSS
visually hidden CSS unter Belastung.
Prüfen Sie, ob Ihr Rezept Inhalt nur visuell clippt, in RTL stabil bleibt und fokussierbare Ziele zuverlässig wieder einblendet.
01 / Clipping-Kammer
Regel einsetzen und gegen fünf Schutzregeln prüfen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Kammer Ihnen.
02 / Der Unterschied
Eine Klasse ist der Anfang, nicht die Website.
Der Offscreen-Hack bricht in der Praxis
left: -9999px erzeugt Scrollbalken, kippt in RTL und lässt die Tastatur auf unsichtbaren Zielen landen. Die robuste Klasse clippt statt zu verschieben und blendet Fokusziele wieder ein.
Verstecktes im Seitenkontext
Der Website-Check prüft Ihre Seiten auf versteckte Fokusziele und weitere automatisch erkennbare Barrieren – vom fehlenden Alt-Text bis zum unbeschrifteten Feld.
Fundstellen mit nächstem Schritt
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.
Die Kammer prüft eine CSS-Klasse. Der Website-Check prüft Ihre Seiten auf versteckte Fokusziele und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis