Webformulare, die Menschen wirklich absenden
Die fehlerhaften Versionen
Jedes Formular auf dieser Seite enthält absichtlich Fehler, damit Sie sehen, was sie bewirken.
- Jeder Abschnitt erklärt vor seinem Formular, was falsch ist
- Um ein Formular zu überspringen, springen Sie zur nächsten Überschrift
Dieses Beispiel läuft in Ihrem Browser. Nichts, was Sie eingeben, wird irgendwohin gesendet.
Platzhalter statt Labels
Diese drei Felder haben keine Labels. Die Wörter, die Sie sehen, sind Platzhalter, und sie verschwinden, sobald Sie tippen. Ein Screenreader kündigt jedes Feld womöglich nur als Eingabefeld an.
Eine Maske, die das Feld füllt, bevor Sie tippen
Die Maskenzeichen stehen im Feld selbst, also glaubt das Formular, das Feld habe schon eine Antwort. Das Label rückt nie zur Seite und liegt über der Maske.
Vage Fehler, bei jedem Tastendruck geprüft
Dieses Formular beschwert sich, während Sie noch tippen, markiert Probleme nur mit einem roten Rahmen und sagt oben im Formular nur Ungültige Eingabe.
Ein Button ohne Namen, der Ihre Arbeit verliert
Der Senden-Button ist ein Symbol ohne Text, also kündigt ein Screenreader nur Schaltfläche an. Beim Drücken zeigt er nichts, während er arbeitet, und wenn die simulierte Verbindung abbricht, löscht das Formular alles, was Sie eingegeben haben.
Ein dunkles Formular, das es dem Browser nie gesagt hat
Dieser dunkle Bereich deklariert kein color-scheme, und sein Menü hat kein Label. Auf vielen Systemen ist der Menüpfeil dunkelgrau auf fast Schwarz, und ein Screenreader kündigt nur ein Kombinationsfeld an.
Ein mehrstufiges Formular, das vergisst
Dieses Formular speichert nichts. Füllen Sie den ersten Schritt aus, laden Sie die Seite neu, und Sie fangen von vorn an.