Stellen Sie sicher, dass die Funktionsweise von Formularen vorhersehbar ist. Großveranstaltungen, wie das Absenden eines Formulars, dürfen erst dann stattfinden, wenn der Besucher vorher informiert wurde oder selbst auf eine Schaltfläche geklickt hat, um das Ereignis in Gang zu setzen.

Wie wendet man das an?

Große Ereignisse, wie das Senden von Formularen und das Öffnen neuer Fenster, werden als Kontextwechsel bezeichnet. Der automatische Fokus auf ein anderes Element im Formular oder auf der Website ist ebenfalls eine Kontextänderung.

Ein Feld in einem Formular wird fokussiert, wenn ein Besucher mit der Tastatur darauf "tabuliert" oder mit der Maus darauf klickt, um es auszuwählen. Achten Sie darauf, dass es keine Kontextwechsel gibt, da ein Formularelement den Fokus erhält.

Auch wenn ein Besucher ein Feld in einem Formular ausfüllt, auf ein Kontrollkästchen oder einen Auswahlknopf klickt oder einen Wert aus einer Dropdown-Liste wählt, können keine kontextuellen Änderungen vorgenommen werden, es sei denn, der Besucher wurde darüber informiert. Informieren bedeutet, dass ein Text vor dem betreffenden Feld anzeigt, was passiert, wenn der Besucher das Feld ausfüllt oder eine Option auswählt.

Beispiele

Formular senden

Einige Formulare werden automatisch gesendet, wenn der Besucher das letzte Feld ausgefüllt hat oder wenn er mit der Tastatur auf die Schaltfläche Senden klickt (und damit den Fokus der Schaltfläche setzt). Die Veranstaltung findet dann statt, ohne dass der Besucher dies gewählt hat. Dies ist nicht zugänglich. Achten Sie darauf, dass sich unter dem Formular immer ein Sendebutton befindet und dass nur dann etwas passiert, wenn der Besucher die Schaltfläche tatsächlich mit der Maus anklickt oder die Eingabetaste drückt.

Das nächste Feld automatisch auswählen

Bei einigen Formularen wird das nächste Feld automatisch ausgewählt, wenn der Besucher ein Feld ausgefüllt hat. Der Cursor wird dann automatisch auf das nächste Feld bewegt. Auch dies ist nicht zugänglich. Achten Sie darauf, dass der Fokus nur vom Besucher in ein anderes Feld verschoben werden kann.

Weiterleitung des Besuchers bei der Auswahl aus einer Auswahlliste

Wenn die in einer Dropdown-Liste getroffene Wahl dazu führt, dass der Besucher einen anderen Bildschirm sieht oder auf eine andere Seite geschickt wird, sollte diese Veranstaltung erst dann stattfinden, wenn der Besucher dies wünscht. Dies ist nur möglich, wenn sich neben der Auswahlliste auch eine Schaltfläche befindet. Der Besucher kann die Schaltfläche mit der Tabulatortaste versehen und die Eingabetaste drücken oder die Schaltfläche mit der Maus anklicken, um seine Wahl zu bestätigen.

 

Wie trägt dies zu einer besseren Website bei?

Indem Sie sicherstellen, dass Kontextwechsel nur dann stattfinden, wenn der Besucher sie bewusst in Gang gesetzt oder vorher gewarnt hat, machen Sie die Bedienung von Formularen vorhersehbar. Dies ist gut für alle Besucher, aber vor allem für Besucher mit einer Seh- oder Kognitionsschwäche. Für sie können unerwartete Kontextwechsel sehr verwirrend sein, da sie sie nicht immer wahrnehmen oder interpretieren können.

Für Developer

Der Developer muss sicherstellen, dass es keine kontextuellen Änderungen gibt, wenn Elemente eines Formulars fokussiert oder ausgefüllt werden.