ubiquitour.com

Cómo utilizar el elemento Label para hacer en línea forma accesible

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

Instrucciones

Construir el formulario

1 Hay dos pasos para crear una etiqueta. La primera es la etiqueta sí mismo. Con el elemento label incluir un atributo llamado para. El atributo FOR indica que elemento de forma real la etiqueta es para.

2 El segundo paso consiste en emparejar un atributo ID en el elemento de forma que el valor exacto que el atributo FOR del elemento label.

3Cómo utilizar el elemento Label para hacer en línea forma accesible

En la foto es un ejemplo de un campo de texto en un formulario pidiendo nombre de la persona. Puedes ver el código HTML de la imagen. Tenga en cuenta que en este ejemplo la etiqueta aparecerá antes del campo de texto.

4Cómo utilizar el elemento Label para hacer en línea forma accesible

Por otro lado, al utilizar casillas de verificación en un formulario, puede que desee que la etiqueta aparezca después del elemento de formulario. Esta imagen muestra la forma correcta de hacerlo con HTML e incluye un fieldset y legend para las casillas de verificación circundantes. El fieldset y legend no son necesarios para las casillas de verificación, he incluido para proporcionar un ejemplo completo. Utilice un patrón similar para colocar la etiqueta después de cada botón de radio al hacer un formulario con botones de radio.

5Cómo utilizar el elemento Label para hacer en línea forma accesible

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

6 Presentar y botones de Reset no es necesario texto de la etiqueta. El control de la forma sí mismo da el texto necesitado.

Consejos y advertencias

  • Cuando algunos campos son obligatorios puede Agregar un asterisco en el texto de la etiqueta de formulario. Explicar que los campos obligatorios están marcados con un asterisco al principio de la forma.