Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Buenas prácticas en Web Móvil que contiene a Formularios que contiene a Etiquetas para controles de formulario

Datos de búsqueda

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

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).

Información del sitio