Mehr Anfragen und Registrierungen dank barrierefreier Formulare

Hat Ihre Website ein Anfrage- Anmelde- oder Bewerbungsformular? Möchten Sie, dass sich Nutzer über ein Formular an Sie wenden oder sich in Ihren Newsletter eintragen? Dann ist Formular-Barrierefreiheit für Ihr Unternehmen relevant. Wenn Ihre Formulare nicht barrierefrei sind, klicken manche Nutzer frustriert weg, ohne dass Sie es bemerken. Wenn Sie hingegen die einfachen Tipps aus diesem Artikel berücksichtigen bzw. umsetzen lassen, kann sich die Konvertierungsrate Ihrer Formulare spürbar verbessern.

Fehler- und Erfolgsmeldungen lang genug anzeigen

Ich, die Autorin dieses Beitrags, habe selbst eine Sehbehinderung. Ich erinnere mich noch gut daran, dass ich mich in der Bahn bei etwas anmelden wollte. Ich füllte alle Felder aus und drückte auf „Abschicken“. Ich wunderte mich, dass nichts passierte, und drückte den Button immer wieder. Irgendwann merkte ich, dass ein rotes Fenster für wenige Sekunden erschien. Sobald ich dort hereinzoomte um den Text lesen zu können, war es schon wieder weg. Nach weiteren Versuchen hatte ich es geschafft, rechtzeitig einen Screenshot zu machen. So konnte ich die Fehlermeldung endlich lesen. Das Leerzeichen zwischen Vorwahl und Telefonnummer war wohl ein Problem. Ich bin jemand die nicht schnell aufgibt aber andere hätten schon viel früher frustriert weg geklickt. Als ich endlich wusste, was das Problem war, musste ich auch schon aussteigen. Ich hatte also nicht die Zeit, das Formular dann noch mal abzuschicken und dann durch einen zeitlich perfekt ausgelösten Screenshot zu prüfen, ob noch eine Fehlermeldung auftaucht.

So löst man dieses Problem: Am besten schreibt man den Fehler direkt über das betreffendes Formularfeld oder nutzt einen „Schließen“ Button für Fehlermeldungen. Nutzer mit Sehbehinderung, Leseschwäche oder anderen Hindernissen (z.B. wenig Deutschkenntnisse) können sich so lange wie nötig Zeit zum lesen, navigieren und korrigieren des Fehlers lasen. Wenn die Eingaben in einem bestimmten Formularfeld fehlerhaft sind, sollte es hervorgehoben werden. So muss der Nutzer nicht so lange nach der Stelle suchen, die er ändern muss.

Captchas

Captchas sind die kleinen Bilderrätsel die bestätigen sollen, dass es sich bei dem Nutzer um einen Menschen und nicht um einen Bot handelt. Sie sind für blinde oder stark sehbehinderte Nutzer kaum zu lösen, wenn es keine Audio-Alternative gibt. Ich mit meinen 10% Sehkraft saß schon manchmal 10 Minuten lang vor einem Captcha und habe einen Versuch nach dem anderen falsch gelöst – bis endlich einer kam, bei dem ich die Buchstaben und Zahlen einigermaßen gut erkennen konnte. Manche Formulare nutzen deshalb eine Rechenaufgabe als Captcha. Diese kann von Menschen mit geringer Sehschwäche problemlos gelöst werden – dafür haben Menschen mit einer Rechenschwäche (Dyskalkulie) oder anderen Lernbehinderungen gegebenenfalls ihre Schwierigkeiten. Bots können dank KI und moderner Tools immer mehr Captchas lösen – für echte Nutzer mit Beeinträchtigungen (oder einfach einem Gerät mit sehr kleinem Bildschirm) ist diese Sicherheitsmaßnahme ein frustrierendes Hindernis.
Die Lösung des Problems: Wenn Sie Captchas für Ihr Formular verwenden wollen, nutzen Sie eine der modernen Lösungen. Diese sind entweder ganz unsichtbar oder erfordern nur das Anklicken eines einzigen Kästchens. Nur wenn sich das System nach Analyse der Mausbewegungen des Nutzers noch unsicher ist, wird ein Bilderrätsel angezeigt. Dort gibt es aber auch immer eine Audio-Variante für blinde und sehbehinderte Nutzer.

Die „Absenden“ Schaltfläche

Die meisten Formulare haben einen mit „Absenden“ oder ähnlichen Formulierungen beschrifteten Knopf. Das ist die barrierefreie Lösung. Manche nutzen aber nur ein Symbol – z.B. ein Briefumschlag- oder Papierflieger-Icon, als Absenden-Schaltfläche. Blinde Nutzer hören von ihrem Vorleseprogramm (Screen Reader) nur „anklickbare Schaltfläche“ aber wissen nicht worum es geht. Weniger interneterfahrene Nutzer haben diese Symbole vielleicht noch nie gesehen und wissen nichts damit anzufangen. Daran kann es liegen, dass Formulare zwar ausgefüllt, aber nicht abgeschickt werden.
So machen Sie es barrierefrei: Wenn Sie das Symbol als Abschicken-Knopf behalten wollen, lassen Sie sich von Ihrem Entwicklungs-Dienstleister ein Title Tag in dieses Element einbauen. Dieser wird von Vorleseprogrammen erkannt und sehende Nutzer sehen ihn als Tooltip (Hinweistext am Mauscursor), wenn sie mit der Maus darüber fahren. Noch barrierefreier wäre es natürlich, den Text „Absenden“, „Anfrage stellen“, „Anmelden“ etc. direkt auf die Schaltfläche zu schreiben.

Wir machen Ihre Formulare barrierefrei

Gerne schauen wir uns all Ihre Formulare an und prüfen sie auf Barrierefreiheit. Wenn Sie möchten, belassen wir es nicht nur bei den Formularen, sondern gehen Ihren gesamten Webauftritt systematisch durch. Gefundene Barrieren für Ihre Nutzer können wir Ihnen melden oder sie direkt selbst beheben. Sprechen Sie mit uns.