Duda con fieldset, legend y label

[frijolerou]

Sanva:

Hay 2 formas correctas de asociar un LABEL con un INPUT. La primera es encerrar el INPUT dentro del LABEL (tal como mencionas en el primer ejemplo). La segunda forma es colocar el INPUT fuera del LABEL, y asociar la ID del INPUT con el atributo FOR del LABEL.

Y sí, según cuentan los expertos, algunos lectores de pantalla no interpretarían correctamente la segunda forma. Pero también debes tomar en cuenta tus necesidades de diagramación; si para el formulario vas a utilizar una tabla, para poner cada INPUT y cada LABEL en su propia celda lógicamente no te servirá la primera opción.

El ejemplo que pones de Wordpress no es del todo correcto, por 2 razones:

1º Hay controles de formulario que contienen de manera implícita un rótulo asociado (por ejemplo los input del tipo BUTTON, SUBMIT y RESET a través de su atributo VALUE), por lo que en estos casos no es necesario asociarlos a un elemento LABEL. Esto no ocurre con otros controles como los campos de texto, donde sí es necesario asociarles un rótulo mediante un elemento LABEL.

2º En ese ejemplo se está utilizando el elemento LEGEND para asignarle un rótulo al campo de texto. El elemento FIELDSET permite agrupar temáticamente y dentro de un mismo formulario, controles relacionados entre sí, y así facilitar al usuario comprender su propósito (especialmente cuando se trata de formularios complejos. Por ejemplo si tienes un formulario para que un usuario pueda ingresar su currículum, deberías utilizar un FIELDSET para sus datos de contacto, otro FIELDSET para su experiencia laboral, otro para sus estudios, etc; y cada uno de estos grupos lleva un título que se define mediante el elemento LEGEND.

Asi que, para un formulario sencillo los dos primeros ejemplos que pusiste serían correctos (bueno, tienes que pulir más los INPUT). Y para formularios más complejos (el ejemplo del currículum) con el último ejemplo que pusiste irías por el camino correcto.