Beschreibungen

Beschreibungen sind zusätzliche Informationen über ein Element. Sie erklären, welche Rolle es hat und wie es heißt. In einem Formularelement können Sie zusätzliche Anweisungen geben, zum Beispiel zur Groß- und Kleinschreibung oder zum Inhalt.

Die Beispiele enthalten keine Namen der Formularelemente. Benutzername oder Passwort werden nicht beschrieben, weil diese Informationen schon im Label stehen. Sie müssen es nicht noch einmal sagen.

aria-describedby verweist auf die ID eines anderen Elements. Das ist ähnlich wie bei “aria-labelledby”. Sie setzen die Beschreibung nicht in das “aria-describedby”-Attribut ein. Fügen Sie die Beschreibung stattdessen in sichtbarem Text in ein anderes Element ein.

So können Fehlermeldungen mit Formularelementen verknüpft werden. Die Fehlermeldung wird dann nur angezeigt, wenn sie mit der Tabulatortaste ausgewählt wird.

Screenreader können Text hören, der nicht mit dem Formularelement verknüpft ist, wenn sie den Formularmodus verlassen und den Pfeil nach oben und unten verwenden. Wenn Sie ein Formular ausfüllen, nutzen Sie vermutlich die Tabulatortaste. Wenn Text auf einem Formular nicht mit den Elementen verknüpft ist, können Sie ihn möglicherweise nicht hören.