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
Formularfehler sollten das betroffene Feld und die nötige Korrektur erklären. Bereits eingegebene Informationen sollten erhalten bleiben.
Die Meldung „Ungültige Eingabe“ sagt wenig darüber aus, was ein Besucher ändern soll. Verständliche Formularprüfung nennt das betroffene Feld und beschreibt die erwartete Information. Fehler müssen zudem für Menschen erkennbar sein, die Farben oder kleine Hinweise nicht zuverlässig wahrnehmen können.
Browserseitige Prüfung kann schnelle Rückmeldung geben. Sie ersetzt keine Prüfung auf dem Server. Gleichzeitig sollte ein Formular bei plausiblen Schreibweisen nicht unnötig streng sein: Internationale Telefonnummern und Namen passen beispielsweise nicht immer in eng gefasste Muster. Bleiben korrekte Eingaben nach einem Fehler erhalten, muss niemand alles erneut ausfüllen.
Testen Sie leere Pflichtfelder, eine falsche E-Mail-Adresse und vorübergehende Serverfehler. Prüfen Sie, ob die Erklärung beim Feld sichtbar und per Tastatur erreichbar ist. Kontrollieren Sie anschließend, ob eine korrigierte Eingabe den Vorgang tatsächlich erfolgreich abschließt.
Quelle: W3C WAI Validating Input
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.