Form Label

Perché associare le label agli elementi dei form?

Accessibility

Perché associare le label agli elementi del form?

Le tecnologie assistive, come gli screen reader, devono annunciare correttamente i controlli dei form: le label permettono di farlo.

Per navigare agevolmente nei form, le persone che utilizzano tecnologie assistive hanno bisogno di label; lo stesso vale per le persone che utilizzano touch screen o mouse.

Come viene visualizzato l'audit delle label SeoChecker

Quando gli elementi del modulo non hanno label associate, SeoChecker lo segnalerà.

Come posso aggiungere correttamente le label agli elementi del form?

È possibile utilizzare due metodi diversi, inserendo l'input in un elemento label:

1.

<label>
  Receive promotional offers?
  <input type="checkbox">
</label>

2.

<input id="promo" type="checkbox">
<label for="promo">Receive promotional offers?</label>