Tecnología

Inicio

Cómo usar el elemento label para que los formularios en línea accesible

Cómo usar el elemento label para que los formularios en línea accesible


Una característica importante de la accesibilidad formularios en línea es el uso adecuado del elemento de etiqueta. Una etiqueta es una conexión entre el elemento de formulario en sí mismo y el texto explicando lo que el campo de formulario es para. Aquí es cómo utilizar el elemento de etiqueta.

Instrucciones

Construir su Formulario

1 Hay dos pasos para crear una etiqueta. El primero es la propia etiqueta. Con el elemento label incluir un atributo muy elevada. El atributo PARA dice qué elemento de la forma real de la etiqueta es para.

2 El segundo paso consiste en búsqueda de un atributo ID en el elemento de formulario para el valor exacto que se le dio el atributo FOR en el elemento de etiqueta.

3

En la foto, un ejemplo de un campo de texto en un formulario con el nombre de una persona. Se puede ver el código HTML en la imagen. Tenga en cuenta que en este ejemplo la etiqueta aparecerá antes de que el campo de texto.

4 Cómo usar el elemento label para que los formularios en línea accesible


Por otra parte, cuando se utiliza casillas de verificación en un formulario, es posible que desee tener la etiqueta aparece después de que el elemento de formulario. Esta imagen muestra la forma correcta de hacerlo con HTML e incluye un conjunto de campos que rodea y la leyenda de las casillas de verificación. El conjunto de campos y la leyenda no son necesarios para casillas de verificación, he incluido para proporcionar un ejemplo completo. Utilice un patrón similar a colocar la etiqueta después de cada botón de opción al hacer un formulario con los botones de radio.

5 Cómo usar el elemento label para que los formularios en línea accesible


Para un cuadro de selección que utiliza la etiqueta sólo para las instrucciones sobre lo que debe seleccionar.

6 Enviar y Restablecer los botones no necesitan texto de la etiqueta. La misma forma de control da el texto necesario.

Consejos y advertencias

  • Cuando se requieren ciertos campos puede agregar un carácter de asterisco en el texto de formularios de etiquetas. Explican que los campos requeridos están marcados con un asterisco al principio del formulario.