Zum Inhalt springen
Felix Schumann
Illustration zum Artikel: Ein Kontaktformular sollte auch ohne Maus gut funktionieren
Journal / 22

Ein Kontaktformular sollte auch ohne Maus gut funktionieren

Felix Schumann·

Ein Kontaktformular kann gut aussehen und beim Benutzen trotzdem nerven. Vielleicht ist unklar, welches Feld gemeint ist, oder nach einem Fehler sind alle Eingaben weg. Auf meinem Portfolio gehören Kontaktaufnahme, Terminbuchung und Dashboard zusammen. Ich prüfe deshalb den ganzen Weg, nicht nur die sichtbare Formularfläche.

Recherchestand: 2026-09-11 · Titelbild: KI-generierte Illustration

Die Feldbezeichnung stehen lassen

W3C WAI beschreibt, wie Formularfelder mit ihren Beschriftungen verknüpft werden. Ein Platzhalter im Feld verschwindet beim Tippen. Er ersetzt deshalb keine dauerhaft erkennbare Bezeichnung.

Pflichtfelder und Formatvorgaben sollten vor dem Absenden verständlich sein. Auch eine internationale Telefonnummer muss sich nachvollziehbar eingeben lassen. Niemand sollte erst nach einem Fehler erraten müssen, welches Format die Anwendung erwartet.

W3C WAI: Labeling Controls ↗

Einmal komplett mit der Tastatur durchgehen

Ohne Maus fällt schnell auf, ob ein Feld unerreichbar ist oder der Fokus verschwindet. Die Prüfung führt durch alle Eingaben, verändert Auswahlen, schließt den Dialog und kehrt zum auslösenden Kontakt-Button zurück. Die Reihenfolge muss nachvollziehbar bleiben.

Öffnet sich zusätzlich ein Terminfenster, muss klar sein, welcher Dialog gerade aktiv ist. Auf dem Handy kommt die Bildschirmtastatur hinzu. Sie darf wichtige Aktionen nicht dauerhaft verdecken.

Die Entscheidung im Überblick

  1. 01VerstehenFelder und Pflichtangaben erkennen
  2. 02BedienenTastatur und kleine Ansichten prüfen
  3. 03BestätigenErgebnis klar zurückmelden
Eigene schematische Darstellung zum beschriebenen Vorgehen, keine Messwerte.

Fehler so erklären, dass man weitermachen kann

WAI empfiehlt verständliche Rückmeldungen zu Fehlern und erfolgreichen Aktionen. Die Nachricht sollte das betroffene Feld nennen und sagen, wie sich die Eingabe korrigieren lässt. Eine technische Fehlermeldung allein ist dafür selten hilfreich.

Nach einem vorübergehenden Fehler sollten die bereits ausgefüllten Angaben erhalten bleiben. Außerdem muss klar sein, ob die Anfrage angekommen ist oder noch ein Schritt fehlt. Ist eine E-Mail-Bestätigung nötig, darf vorher nicht der vollständige Abschluss behauptet werden.

W3C WAI: User Notification ↗

Bis zur angekommenen Anfrage prüfen

Zur Abnahme gehören kleine Bildschirme, Tastaturbedienung, ungültige Angaben und Netzwerkfehler. Danach wird ein kompletter erfolgreicher Ablauf durchgespielt. Die Anfrage muss auch im vorgesehenen Dashboard auftauchen.

Bei einer neuen Website oder einem bestehenden Formular kann ich Gestaltung und Backend gemeinsam prüfen. Der Ausgangspunkt ist die Aufgabe des Besuchers. Weniger Bedienhürden sind ein sinnvolles Ziel; wie sich die Zahl der Anfragen verändert, muss anschließend gemessen werden.

Quellen und Vertiefung