Formulare
22. Juni 2007
- Formularfelder brauchen labels, komplexere Formulare auch fieldset und legend.
- Labels sollen vor dem Formularfeld stehen.
- Positionierung von Text und Formularfeldern mit CSS float in label, p oder div, möglichst nicht mit Layouttabellen.
- Jedes Formular (auch ein einfaches Suchfeld) braucht einen Submitbutton.
- Kennzeichnung von Pflichtfeldern vor dem Formularfeld.
- Definition von Pflichtfeldkennzeichnung vor dem Formular.
- Pflichtfelder und Fehler nicht allein durch Farbe kennzeichnen (sondern auch mit Symbol, Fettdruck etc.)
- Fehlermeldungen idealerweise gesammelt vor dem Formular mit Verlinkung zum jeweils fehlerhaften Inputfeld.
- Zusätzliche optische Kennzeichnung des fehlerhaft gefüllten Inputfelds.
- Vorbelegung von Formularfeldern wird nicht mehr für nötig befunden, wenn man sie macht, muss sie bei Focus gelöscht werden.
- Formulare müssen tastaturbedienbar sein (mit Tabulator, Eingabe-, Leertaste)
- Tabindex ist im Normalfall nicht nötig, lineare Tabreihenfolge muss gegeben sein.
- Vorsicht beim onchange Event-Handler (siehe Javascript)
- Formulare sollen sich ohne Javascript absenden lassen.
- Grafische Captchas sind nicht screenreadertauglich.
- Bei Eingabe wichtiger Daten, bei Finanztransaktionen…. ist vor Abschicken eine Zusammenfassung und Korrekturmöglichkeit der Daten notwendig.