Buenas prácticas en Web Móvil: Formularios
Etiquetas para controles de formulario
Todos los controles de formulario deben estar asociados de forma implícita y explícita, mediante el elemento label y el atributo for:
<p>
<label for="campo">
<span>Etiqueta campo:*</span>
<input type="text" id="campo" />
</label>
</p>
Como puede observarse en el fragmento de código, el campo de formulario input está dentro del elemento label, al mismo tiempo que se usan los atributos id y for.
WCAG 1
- La asociación explícita de etiqueta con el campo de formulario se cumple con el punto 12.4: Asocie explícitamente las etiquetas con sus controles (enlace externo, en inglés).
- La asociación implícita se cumple parcialmente con el punto 10.2 (enlace externo, en inglés): Hasta que las aplicaciones de usuario soporten explícitamente la asociación entre control de formulario y etiqueta, para todos los controles de formularios con etiquetas asociadas implícitamente, asegúrese de que la etiqueta está colocada adecuadamente.
WCAG 2
La asociación explícita de etiqueta con el campo de formulario se cumple con el punto 1.3.1: Información y relaciones (enlace externo, en inglés): La información, estructura y relaciones transmitidas mediante presentación pueden ser determinado mediante aplicación de usuario o estar disponible en el texto.
Fuentes
Saber más: Labels for Form Controls (enlace externo, en inglés).








