Kann ein Eingabefeld zwei Beschriftungen haben?

Mary hatte eine kleine Form und ihre Felder waren genau so beschriftet.
Immer wenn sich ein Fehler einschlich, säte Verwirrung.

Ich habe eine Beschriftung für jedes Eingabefeld ... eine ziemlich normale Angelegenheit. Nach der Validierung des Formulars wird oben im Formular ein hilfreicher kleiner Absatz angezeigt, in dem angegeben ist, welche Informationen fehlen oder falsch sind.

Kann ich zwei Beschriftungen für dasselbe Eingabefeld haben? Eine in der richtigen Form und eine im Validierungserinnerungstext? Gibt es einen Grund, warum ich das nicht tun sollte?

Ich gehe davon aus, dass es sich bei dieser Frage um HTML-Formulare handelt. Aus der Spezifikation :

Das LABEL-Element kann verwendet werden, um Informationen an Steuerelemente anzuhängen. Jedes LABEL-Element ist genau einem Formularsteuerelement zugeordnet.

Somit kann jedes Formularsteuerelement von mehreren Beschriftungen referenziert werden, aber jedes Etikett kann nur auf ein Steuerelement verweisen. Wenn es also sinnvoll ist, ein zweites Etikett für ein Steuerelement zu haben (und in der von Ihnen beschriebenen Situation auch), können Sie gerne ein zweites Etikett hinzufügen.

Der HTML-Code ist legal und funktioniert (durch Klicken auf eine der Beschriftungen wird der Fokus auf das betreffende Feld übertragen).

Aus Gründen der Barrierefreiheit ist es etwas schwieriger, das Richtige zu tun.

Es ist kein "gängiger" Ansatz, und aus diesem Grund liest mindestens ein gängiger Bildschirmleser (den ich mit NVDA getestet habe) nur das erste Etikett, wenn Sie den Fokus in das Feld verschieben - zusätzliche Beschriftungen für dasselbe Feld werden ignoriert.

Wenn sich Ihre Fehlermeldung oben auf der Seite befindet, hört ein blinder oder sehbehinderter Benutzer, der durch die Felder tippt, nur die Fehlermeldung, wenn er auf dem betreffenden Feld landet, nicht das "echte" Etikett daneben.

Daher - wenn Sie die Fehlermeldung richtig formulieren, ist dies möglicherweise eine gute Sache (sicherlich besser, als nur das nicht validierende Feld rot hervorzuheben!).

Ja, Sie können mehrere Beschriftungen auf dasselbe Formularsteuerelement verweisen lassen. Das ist völlig legal :

<label for="fname">First name</label>
<label for="fname">Enter your info</label>
<label for="fname">Why not a third label</label>
<input type="text" id="fname" name="fname">

Dies ist nur ein Beispiel ... normalerweise würden Sie diese Zeilen mit einem Etikett umschließen, da sie nahe beieinander liegen.