form-Felder sollten nur ein label-Element besitzen. — die Prüfung „form-field-multiple-labels“

Das Kriterium dahinter

3.3.2 Beschriftungen oder Anweisungen

Jedes Eingabefeld braucht eine Beschriftung — und eine Anweisung, wo das Format nicht offensichtlich ist.

Stufe A · EN 301 549 § 9.3.3.2

Warum es diese Prüfung gibt

Ein Platzhalter verschwindet in dem Moment, in dem jemand tippt. Für einen Menschen mit Bildschirmvergrößerung oder Schwierigkeiten im Kurzzeitgedächtnis ist das Feld dann unbeschriftet.

Was sie üblicherweise auslöst

fällt durchDer Platzhalter dient als einzige Beschriftung.
fällt durchEin `<label>`, das nicht über `for`/`id` mit seinem Feld verbunden ist.
fällt durchEin Datumsfeld ohne Beispiel für das erwartete Format.

So beheben Sie es

tunVerwenden Sie `<label for="…">`, immer sichtbar.
tunSetzen Sie Formathinweise als Text neben das Feld und verweisen Sie mit `aria-describedby` darauf.
tunKennzeichnen Sie Pflichtfelder mit Worten, nicht nur mit einem Sternchen.

Wie es gemeldet wird

A11ySignal meldet das mit der Schwere mittel. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:

https://dequeuniversity.com/rules/axe/4.13/form-field-multiple-labels ↗