Índice del Curso Página de inicio del manual Tabla de contenidos de las directrices Tabla de contenidos de los puntos de verificación Tabla de contenidos de los ejemplos Manual de aplicación de las WCAG 1.0 PreviaContenidosCambiar estilo

12.4 Asociar etiquetas explícitamente con sus controles

Prioridad 2

Algunos controles de formulario contienen etiquetas explícitas asociadas a ellos (por ejemplo, los botones) mientras que otros no las tienen (por ejemplo, campos de texto, botones de selección y menúes).

Para aquellos controles con etiquetas implícitas se debe utilizar el elemento LABEL y asegurarse de que esté correctamente colocado, de modo que el usuario pueda identificar claramente qué etiqueta está asociada con cada control.



<label>Nombre: 
   <input type="text" id="nom">
</label>
<label>E-mail:
   <input type="text" id="mail">
</label>
<input type="submit" value="Enviar">

Si el elemento de control no se encuentra dentro de LABEL, se debe utilizar el atributo "for" para asociar explícitamente la etiqueta con el control identificado con ID.

<label for="nom">Nombre:</label>
<input type="text" id="nom">
<label for="mail">E-mail:</label>
<input type="text" id="mail">
<input type="submit" value="Enviar">

FrontPage Procedimiento con FrontPage.
Volver al punto de verificación Volver al punto de verificación 12.4

Autores

63 de 76 Previa

Copyright © sidar 1997-2002. Este Curso de Diseño Accesible ha sido desarrollado especialmente por la Fundación sidar para Microsoft España.