Bir giriş alanının iki etiketi olabilir mi?

Mary'nin küçük bir formu vardı ve alanları da öyle etiketlenmişti.
Ne zaman bir hata ortaya çıksa, kafa karışıklığı ekerdi.

Her giriş alanı için bir etiketim var ... oldukça standart bir ilişki. Formu doğruladıktan sonra, formun üst kısmında hangi bilgilerin eksik veya yanlış olduğunu detaylandıran yararlı küçük bir paragraf gösteriyorum.

Aynı giriş alanı için iki etiketim olabilir mi? Biri uygun biçimde ve diğeri doğrulama hatırlatma metninde mi? Bunu yapmamam için herhangi bir sebep var mı?

Sanırım bu soru HTML formları hakkında. Gönderen şartname :

LABEL öğesi, kontrollere bilgi eklemek için kullanılabilir. Her LABEL öğesi, tam olarak bir form denetimiyle ilişkilendirilir.

Bu nedenle, her bir form kontrolüne birden fazla etiketle referans verilebilir, ancak her etiket yalnızca bir kontrole referans verebilir. Dolayısıyla, bir kontrol için ikinci bir etiketin olması mantıklıysa (ve tanımladığınız durumda, olur) ikinci bir etiket eklemekten çekinmeyin.

HTML yasaldır ve çalışır (etiketlerin herhangi birine tıklamak, odağı söz konusu alana aktarır).

Erişilebilirlik nedeniyle doğru yapmak biraz daha yanıltıcıdır.

Bu "yaygın" bir yaklaşım değildir ve bu nedenle en az bir ortak ekran okuyucu (NVDA ile test ettim), odağı alana kaydırdığınızda yalnızca ilk etiketi okur - aynı alan için ek etiketleri yok sayar.

Dolayısıyla, hata mesajınız sayfanın üst kısmındaysa, alanlar arasında gezinen görme engelli veya görme bozukluğu olan bir kullanıcı, söz konusu alana inerken yanındaki "gerçek" etiketi değil, yalnızca hata mesajını duyacaktır.

Bu nedenle - hata mesajını doğru bir şekilde ifade ederseniz, bu iyi bir şey olabilir (kesinlikle onaylanmamış alanı kırmızıyla vurgulamaktan daha iyidir!).

Evet, aynı form denetimini gösteren birden çok etiketiniz olabilir. Bu tamamen yasaldır :

<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">

Bu sadece bir örnek ... normalde yakın olduklarından bu satırları tek bir etiketle sararsınız.