Form Label

Why associate labels with form elements?

Accessibility

Why associate labels with form elements?

Assistive technologies, such as screen readers, must correctly announce form controls: labels allow this to happen.

In order to navigate forms smoothly, people using assistive technologies need labels; the same applies to people using touch screens or mouse.

How the SeoChecker labels audit is displayed

When form elements have no associated labels, SeoChecker will notify it.

How can I correctly add labels to form elements?

You can use two different methods, inserting the input in a label element:

1.

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

2.

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