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 sind barrierefreie Formulare für Ihr Unternehmen wichtig. 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 hineinzoomte, 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, der nicht schnell aufgibt, aber andere hätten schon viel früher frustriert weggeklickt. 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 betreffende Formularfeld oder nutzt eine „Schließen“-Schaltfläche 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 lassen. 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 leichter 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 meist auch eine Audio-Variante für blinde und sehbehinderte Nutzer. Diese ist aber für viele Menschen selbst eine Hürde, etwa bei zusätzlicher Hörbeeinträchtigung. Am besten sind Verfahren, die ganz ohne Rätsel auskommen. Denken Sie auch an den Datenschutz: Bei Diensten wie Google reCAPTCHA werden Daten an den Anbieter übermittelt, darauf müssen Sie in Ihrer Datenschutzerklärung hinweisen.
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 (Screenreader) nur „anklickbare Schaltfläche“, wissen aber 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 es von Ihrem Entwicklungs-Dienstleister mit einem zugänglichen Namen versehen, etwa einem für Screenreader hinterlegten Text (aria-label). Ein title-Attribut reicht dafür nicht: Screenreader lesen es nicht zuverlässig vor, und den Tooltip erreicht man weder mit der Tastatur noch auf Touchgeräten. 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.