Ein Formular, das seine Felder vergisst
Jedes Eingabefeld braucht eine Beschriftung, die dauerhaft sichtbar und technisch mit dem Feld verbunden ist. Der graue Text im leeren Feld ist keine Beschriftung, sondern ein Platzhalter.
Der Unterschied wird in dem Moment sichtbar, in dem jemand tippt: Der Platzhalter verschwindet und nimmt die Information mit. Wer beim Ausfüllen unterbrochen wird, hat danach vier ausgefüllte Felder ohne Namen vor sich.
Bitte wirklich beide durchklicken, das dauert zwei Minuten
Wer mit Barrierefreiheit noch nichts zu tun hatte, versteht unsere Studie danach deutlich besser: Aus einer Prozentzahl wird eine Sache, die man am eigenen Rechner gemerkt hat. Auf beiden Seiten steht dieselbe Anleitung, und der Unterschied liegt allein im Ergebnis.
Wen das trifft
Menschen mit kognitiven Einschränkungen und Gedächtnisproblemen, blinde Nutzer, deren Screenreader dann nur „Eingabefeld“ ansagt, und alle, die zwischendurch abgelenkt werden. Also alle.
Diesen Fehler findet keine Regelprüfung
Eine Besonderheit an genau diesem Beispiel: Die regelbasierten Prüfebenen finden diesen Fehler nicht, unsere eingeschlossen. Wir haben die kaputte Seite mit der eigenen Engine geprüft, sie meldet nichts, weil der Platzhalter im Feld technisch als Name des Feldes durchgeht.
Wie wir es trotzdem finden: von Hand. In jedem Audit sieht ein Mensch die Formularstrecken durch, und dieser Fall gehört zu denen, die dabei auffallen. Genau dafür ist der menschliche Teil unseres Verfahrens da, nicht als Feigenblatt, sondern weil es messbar Fälle gibt, die keine Regel erwischt. Parallel bauen wir die automatische Erkennung dafür gerade nach, zusammen mit der KI-Ebene, die heute schon Alt-Texte, Vorlesereihenfolge und Linktexte beurteilt. Bestätigt wird das Ergebnis am Ende weiterhin von einem Menschen. Solange die Erkennung nicht läuft, steht dieser Kasten hier.
Wie häufig das vorkommt
Fehlende oder nicht verknüpfte Beschriftungen gehören in beiden Stichproben unserer EU-Studie zu den zehn häufigsten Verstößen.
Sie wollen wissen, wie man das behebt?
Die Beispielseiten hier zeigen absichtlich keine Lösungen: Sie sind zum Erleben da, nicht zum Nachbauen. Die Anleitung mit Code steht im Tutorial.
Zum Tutorial