¿Para qué sirve el "for" en la etiqueta label de HTML?

Es conocido que es una excelente práctica etiquetar el nombre visible de un campo de formulario HTML con la etiqueta label, y que debemos enlazarlo con dicho campo usando la etiqueta "for".

<form>
  <label for="masculino">Masculino</label>
  <input type="radio" name="sexo" id="masculino" />
  <br />
  <label for="femenino">Femenino</label>
  <input type="radio" name="sexo" id="femenino" />
</form>

Pero, ¿Es necesario? y ¿Cuál es su verdadera función?



En breve, cuando hacemos clic en el label, se activa el componente que referencia en "for". En el ejemplo, al hacer clic en la palabra Masculino, se selecciona el radio button al que referencia.

En conclusión, no es estrictamente requerido pero si es una buena práctica y es muy recomendable añadir "for" a la etiqueta label siempre que sea posible.