Formularios Accesibles

Es imprescindible acotar los formularios con la clase CSS formulario, para lo cual deberá emplear el código fuente:

[...]
<div class="formulario">
<form action="" method="get" name="nombredelformulario">
<fieldset id="identificadordelgrupo">
<legend>Nombre o encabezado del grupo</legend>
[...]

Utilice fieldset para agrupar controles de formulario en unidades semánticas y describa el grupo con el elemento legend

Todos las etiquetas con el nombre de cada campos de formulario deben llevar aplicado el tag HTML label y el atributo for.

Veamos por ejemplo el caso de un tipo de caja “input text” de formulario:

<label for="nombre">Nombre completo:</label> <input type="text" name="nombre" size="20" maxlenth="100" >

Que daría como resultado:

En caso de presentar el formulario alineado mediante el uso de tablas, se hace necesario por cuestiones de accesibilidad, incluir en dicha tabla el sumario y descripción correspondiente a la tabla. Por otro lado, para aquellas celdas que contengan las etiquetas descriptivas y/o de los nombres de campos de formulario, use la clase CSS label para distinguirlos:

<td bgcolor="#F9F9F9" class="label"><label for="NOMBRE">Nombre</label></td><td><input type="text" name="NOMBRE" size="30" /></td>


siguiente