Formulare, die niemanden abschrecken
Ein Formular ist die Stelle, an der aus einem Besucher ein Kontakt wird. Entsprechend teuer ist jeder Abbruch – und die häufigsten Gründe dafür sind hausgemacht.
Bootstrap bringt fertige Klassen für Beschriftungen, Hilfetexte, Gruppierungen und Validierungszustände mit. Wichtig ist, dass jedes Feld eine sichtbare Beschriftung hat und nicht nur einen Platzhalter: der verschwindet beim Tippen, und spätestens beim Prüfen der Eingaben weiß niemand mehr, was in welches Feld gehörte.
Fehlermeldungen gehören direkt an das betroffene Feld, nicht gesammelt an den Anfang des Formulars. Und sie dürfen sich nicht allein auf Farbe verlassen – ein roter Rahmen hilft niemandem, der Rot nicht von Grün unterscheiden kann. Text dazu, dann stimmt es auch für Screenreader.
Pflichtfelder werden markiert, optionale ebenso; welche Variante du wählst, ist Geschmackssache, aber sie muss konsequent durchgehalten werden.