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>

Share this Guide

Did you like it? Share it!

Share it!

Web tools for modern developers. Try these one!

Over 50 generators, builders and validators to improve your SEO and web performances

Home Back to top of the page