Kontrast mit allen Zuständen prüfen
Das mathematische Verhältnis von Vorder- und Hintergrund ist nur der Anfang. Normaler Text, große Schrift, Fokus, Fehler und deaktivierte Zustände müssen in realer Größe und Stärke bewertet werden.
Transparente Flächen und Bildhintergründe können vom Ergebnis eines flachen HEX-Paars abweichen.
- Mindestens AA für Normaltext prüfen.
- Fokus und Fehler separat messen.
- Auf realen Geräten kontrollieren.
clamp() an klare Endpunkte binden
Explizite Minimal-/Maximalwerte und Viewport-Grenzen machen Steigung und Endpunkte einer clamp()-Formel überprüfbar.
Lange deutsche Überschriften, chinesische Zeilenumbrüche und 200-Prozent-Zoom erfordern trotzdem echte Layouttests.
Medienplatz vor dem Laden reservieren
Ein bekanntes Seitenverhältnis reserviert Platz und reduziert CLS. 1920×1080 lässt sich zu 16:9 kürzen und auf Zielbreiten skalieren.
CSS aspect-ratio, width/height, responsive Quellen und Alternativtext ergänzen die Rechnung.