Kontaktformular: Felder und Fehler verständlich machen

Jedes Feld braucht eine Aufgabe bei der ersten Anfrage

Öffne dein vorhandenes Kontaktformular und schreibe neben jedes Feld, wofür dein Team die Angabe benötigt. Unterscheide Informationen für die erste Einordnung von Details, die erst nach einem Gespräch sinnvoll sind. Ein Formular für eine allgemeine Rückfrage muss nicht bereits alle Daten einer späteren Projektplanung einsammeln.

Fiktives Planungsbeispiel: Ein Reparaturbetrieb möchte zunächst wissen, welches Gerät und welches Problem gemeint sind. Eine frei formulierte Beschreibung kann dafür geeigneter sein als eine verpflichtende interne Artikelnummer, die ein neuer Interessent nicht kennt. Das Beispiel beschreibt eine mögliche Gestaltung und keinen realen Kundenfall.

Prüfe besonders doppelte Anforderungen: Braucht ihr für jede Anfrage sowohl eine Telefonnummer als auch eine E-Mail-Adresse? Wenn ein Feld verpflichtend bleiben soll, sollte das Team seinen Zweck erklären können. Streiche keine betrieblich notwendige Angabe blind, sondern entscheide anhand des tatsächlich vorgesehenen Kontaktwegs.

Beschriftungen müssen auch beim Tippen erkennbar bleiben

Feldnamen wie „Anliegen“ oder „E-Mail für unsere Rückmeldung“ sollten dauerhaft lesbar sein. Ein Beispiel innerhalb des leeren Eingabefelds kann beim Schreiben verschwinden. Die W3C-WAI-Anleitung zur Formularbeschriftung erklärt deshalb die Bedeutung verständlicher, mit dem jeweiligen Feld verbundener Labels. Ein Platzhalter ersetzt diese Beschriftung nicht.

Für die Durchsicht mit deiner Betreuung kannst du diese Fragen verwenden:

• Ist erkennbar, welche Angabe in jedes Feld gehört?
• Sind Pflichtangaben verständlich gekennzeichnet und optionale Angaben unterscheidbar?
• Steht ein nötiges Format bereits vor dem Absenden beim Feld?
• Erklärt die Schaltfläche die Handlung, beispielsweise „Anfrage senden“?
• Bleiben Feldname und eingegebener Inhalt auf dem Smartphone gut zuzuordnen?

Bitte die technische Betreuung außerdem, die Zuordnung der Beschriftungen im Markup zu prüfen. Die sichtbare Anordnung allein beantwortet nicht, ob assistierende Technik die Feldnamen ebenfalls richtig erkennt.

Akzeptierte Formate an echten Nutzereingaben prüfen

Menschen schreiben Telefonnummern mit Leerzeichen, Vorwahl oder unterschiedlichen Trennzeichen. Eine Prüfung sollte solche üblichen Schreibweisen berücksichtigen, soweit das System sie verarbeiten kann. Die WAI-Hinweise zur Eingabeprüfung empfehlen einen großzügigen Umgang mit unterschiedlichen Formaten. Eine unnötig enge Vorgabe kann eine brauchbare Kontaktangabe zurückweisen.

Notiere für jedes auffällige Feld eine verständliche Anforderung. Muss beispielsweise eine Website-Adresse vollständig mit https:// eingegeben werden, sollte das vorher erklärt werden. Besser ist eine abgestimmte Verarbeitung üblicher Eingaben, wenn sie technisch vorgesehen werden kann. Der Hinweis und das tatsächliche Verhalten müssen zusammenpassen.

Ein Formular kann syntaktische Fehler erkennen, aber dadurch weder die Zuständigkeit des Absenders noch die inhaltliche Richtigkeit seiner Nachricht bestätigen. Besprich technische Prüfungen mit der Betreuung, statt aus einem grünen Häkchen bereits eine erfolgreich bearbeitbare Anfrage abzuleiten.

Eine Fehlermeldung soll die Korrektur ermöglichen

„Ungültige Eingabe“ lässt offen, welches Feld betroffen ist und was geändert werden muss. Eine hilfreiche Meldung nennt den Feldbezug und einen konkreten nächsten Schritt. Fiktives Textmuster: „Bitte ergänzen Sie im Feld E-Mail eine vollständige Adresse für unsere Rückmeldung.“ Passe die Formulierung an die tatsächliche Prüfung an.

Die WAI-Anleitung zu Formularrückmeldungen beschreibt verständliche Fehlermeldungen und die Zuordnung zu betroffenen Feldern. Für den praktischen Test heißt das: Findet ein Besucher die Stelle, kann er sie korrigieren und erkennt er anschließend den aktuellen Zustand?

Prüfe auch, ob bereits geschriebene Nachrichtentexte bei einem korrigierbaren Fehler erhalten bleiben. Falls nach dem Absenden ein technisches Problem entsteht, sollte die Rückmeldung keine erfolgreiche Übermittlung behaupten. Ein vorhandener alternativer Kontakt kann helfen, wenn die Anfrage darüber tatsächlich angenommen wird.

Vier Fälle für eine gemeinsame Formularprüfung

Vereinbare die Prüfung mit dem zuständigen Team. Verwende erkennbare Testangaben und einen eigenen erreichbaren Kontakt; erzeuge keine unkoordinierten Nachrichten oder echten Aufträge. Gehe folgende Fälle am Computer und am Smartphone durch:

1. Eine kurze vollständige Anfrage lässt sich wie vorgesehen absenden.
2. Ein leeres Pflichtfeld wird erkennbar und verständlich beanstandet.
3. Eine fehlerhafte Eingabe lässt sich korrigieren, ohne den Nachrichtentext neu zu schreiben.
4. Die abschließende Rückmeldung passt zur tatsächlich erfolgreichen Übermittlung; der abgestimmte Test kommt beim vorgesehenen Empfänger an.

Feld und Testeingabe: [Bezeichnung und Beispiel]. Erwartung: [zulässige Eingabe oder verständliche Meldung]. Beobachtung: [sichtbares Verhalten]. Gerät: [Computer oder Smartphone]. Änderung: [konkrete Aufgabe]. Zuständig und nachgeprüft: [Rolle, Datum, Ergebnis].

Diese kleine Prüfung ist keine vollständige Prüfung der Barrierefreiheit oder Systemsicherheit. Den Weg ohne Maus behandelt ergänzend der Ratgeber zum Tastaturtest. Die Bearbeitung eingehender Anfragen beginnt danach im Betrieb.

Den Kontaktweg vor weiteren Veröffentlichungen prüfen

Öffne deine Website über den Einstieg, den du in einem Unternehmensprofil verwenden möchtest. Findet jemand das Angebot und anschließend den passenden Kontakt? Ein funktionierender direkter Formularlink nützt wenig, wenn Besucher ihn von der verlinkten Seite aus nicht entdecken.

Der GoAustria-Eintrag für 39 € pro Jahr umfasst ein Profil auf goaustria.at. Das ist ein Jahresgesamtpreis mit jährlicher Verlängerung. Neue bezahlte Profillinks bleiben sponsored/nofollow. Vergleiche die Leistungen und Bedingungen, wenn du deinen Betrieb veröffentlichen möchtest. Bereite zuvor einen erreichbaren Kontaktweg auf deiner eigenen Website vor.