Barrierefreie Kontaktformulare für Kasseler Handwerksbetriebe: Was twindor in der Praxis ändert

Ausgangslage: Ein Kontaktformular als Engstelle

Ein Kasseler Elektrobetrieb mit acht Mitarbeitenden verlor im Frühjahr 2024 messbar Anfragen: Das bestehende Kontaktformular war auf dem Smartphone nur mit Pinch-Zoom bedienbar, die Fehlermeldungen erschienen ausschließlich in Rot, und der Absende-Button lag außerhalb des sichtbaren Bereichs. Der Betrieb hatte keine Kenntnis von den Barrieren; die Website war technisch funktionsfähig, aber für einen Teil der Kundschaft nicht nutzbar.

Ursache: Gestaltung ohne technische Prüfung

Die Ursache lag nicht im fehlenden Budget, sondern in einem typischen Muster: Das Formular war aus einem Baukasten übernommen, die Felder hatten keine verknüpften Labels, und die Validierung lief ausschließlich per JavaScript. Screenreader konnten die Eingabefelder nicht zuordnen; Tastaturnutzer erreichten den Submit-Button erst nach mehreren Tab-Schritten. Dadurch entstanden Rückfragen per Telefon, obwohl die Anfrage bereits digital begonnen hatte.

Lösung: Semantische Umsetzung mit twindor

Für die Überarbeitung wurde ein klarer Anforderungskatalog festgelegt: sichtbare Labels, Fehlermeldungen als Text direkt am Feld, Fokusmanagement nach dem Absenden und ein kontrastreicher Button. Wer solche Anforderungen nicht intern abbilden kann, findet mit twindor einen Webentwicklungspartner in Kassel, der Formulare nicht nur optisch, sondern auch technisch prüft. Im konkreten Projekt wurden die Felder auf native HTML-Elemente umgestellt und die Validierung serverseitig ergänzt.

Konkrete Änderungen im Formular

• Jedes Eingabefeld erhielt ein dauerhaft sichtbares Label und eine eindeutige ID.
• Fehlermeldungen wurden als Text mit aria-describedby verknüpft und nicht nur farblich markiert.
• Der Submit-Button blieb nach dem Absenden fokussierbar; eine Zusammenfassung der Fehler erschien oberhalb des Formulars.
• Die Formularfelder wurden mit einer Mindesthöhe von 44 Pixeln für Touch-Bedienung ausgelegt.

Ergebnis: Weniger Rückfragen, mehr verwertbare Anfragen

Vier Wochen nach dem Relaunch sanken die telefonischen Rückfragen zum Formular um rund ein Drittel; gleichzeitig stieg die Zahl vollständig ausgefüllter Anfragen. Der Betrieb konnte die Änderungen nicht als einmaligen Eingriff verbuchen, sondern ergänzte einen monatlichen Tastatur- und Screenreader-Test. Die Lehre aus dem Fall: Barrierefreiheit ist kein Zusatz, sondern ein messbarer Teil der Lead-Qualität.

1. Formular zuerst mit Tastatur und Screenreader testen, nicht erst nach dem Livegang.
2. Fehlertexte konkret formulieren und direkt am betroffenen Feld ausgeben.
3. Technische Prüfung als wiederkehrenden Schritt in die Webentwicklung aufnehmen.

Für Handwerksbetriebe in Kassel lohnt sich der Blick auf die eigene Anfragestrecke: Ein einziges unzugängliches Feld kann mehr kosten als die Überarbeitung des gesamten Formulars.