Neue Chrome DevTools verbessern Layoutanalyse und Fehlersuche
Ein im Oktober veröffentlichter DevTools-Ausblick zeigt neue Hilfen für CSS, Netzwerkdiagnose und die Untersuchung von Webanwendungen.
Websites und Entwicklung · Praxistipp
Zurückhaltende Farben können gut aussehen und trotzdem schwer lesbar sein. Text und Bedienelemente brauchen ausreichende Kontraste.
Hellgrauer Text auf Weiß oder eine feine Beschriftung auf einem Foto kann eine Website elegant wirken lassen. Für manche Besucher wird der Inhalt dadurch aber schwer zugänglich. Kontrast beschreibt den wahrnehmbaren Unterschied zwischen Vordergrund und Hintergrund und lässt sich systematisch prüfen.
Die WCAG erläutern Mindestanforderungen an Textkontraste und unterscheiden dabei unter anderem nach Textgröße. Für die Praxis genügt es nicht, nur die Markenfarbpalette anzusehen. Relevant sind die tatsächlich verwendeten Kombinationen, einschließlich Schaltflächen, Platzhalter, Hoverzustände und Text über Bildern. Wechselnde Hintergrundmotive können einen vorher lesbaren Bereich unlesbar machen.
Prüfen Sie zuerst Fließtext, Kontaktwege und zentrale Aktionen mit einem geeigneten Kontrastwerkzeug. Kontrollieren Sie danach die Darstellung auf einem gewöhnlichen Smartphone. Verbessern Sie problematische Kombinationen innerhalb des Markensystems, statt wichtige Hinweise durch Größe oder Farbe unauffindbar zu machen.
Quelle: W3C WCAG Contrast Minimum
Letzte Faktenprüfung: 2026-10-27
Ein im Oktober veröffentlichter DevTools-Ausblick zeigt neue Hilfen für CSS, Netzwerkdiagnose und die Untersuchung von Webanwendungen.
Die Digital Credentials API unterstützt die Übergabe neuer Nachweise an Wallet-Apps. Der Einsatz erfordert weiterhin passende Anbieter und Abläufe.
Chrome hat die Abkehr vom unload-Ereignis abgeschlossen. Speichern und Messung beim Verlassen einer Seite sollten überprüft werden.