Lo que he visto por ahí es una lista de definición con etiquetas 'LABEL'
como bien dice Ramón, agrupándolas mediante fieldset.
Un ejemplo:
<form action="" method="POST" id="formulario_contacto"
class="formulario_contacto">
<fieldset>
<legend>Datos de identificación:</legend>
<dl>
<dd><label for="nombre">Nombre</label></dd>
<dt><input name="nombre" id="nombre"
type="text" size="40"
value=""></dt> <dd><label
for="apellidos">Apellidos</label></dd>
<dd><label for="email">Email</label></dd>
<dt><input name="email" id="email" type="text"
size="40" value=""></dt>
</dl>
</fieldset>
<fieldset>
<legend>Dirección postal:</legend>
<dl>
<dd><label for="domicilio">Domicilio</label></dd>
<dt><input name="domicilio" id="domicilio" type="text"
size="40"
value=""></dt>
<dd><label for="ciudad">Ciudad</label></dd>
<dt><input name="ciudad" id="ciudad" type="text"
size="40" value=""></dt>
<dd><label for="provincia">Provincia</label></dd>
<dt><input name="provincia" id="provincia" type="text"
size="40"
value=""></dt>
</dl>
</fieldset>
<input name="enviar" id="enviar" type="submit" value="Enviar
formulario">
</form>
Saludos
El 6 de abril de 2010 15:53, carlos campderrós <
[email protected]> escribió:
> Buenas,
>
> 2010/4/6 Martin Etxauri <[email protected]>
>
> > Yo, con toda la buena intención había utilizado tablas para unos
> > formularios, me pareció que un formulario es un contenido que se puede
> > mostrar en una tabla de dos columnas, en la de la izquierda ponemos que
> es
> > cada campo y en el de la derecha los campos a rellenar, y claro, según
> esta
> > idea mía, lo de la izquierda serían TH porque dicen que es lo que
> contienen
> > (o contendrá) los TD de la derecha.
> >
>
> Según mi humilde opinión, sería más correcto una lista de definición como
> dice Tei. Flotando los <dt>, con ancho fijo y clears, puedes emular una
> tabla, sin ser una tabla.
>
> Pero yo una tabla simple como has puesto tampoco lo daría por malo.
>
>
> > Todo esto viene de una web que tiene que pasar una revisión de
> > accesibilidad para recibir una subvención y me decían que no, que por un
> > lado eso no tiene que estar maquetado con tablas y por otro, claro, que
> > estaba utilizando los TH para uso estético... pero yo lo había hecho
> > creyendo que estaba bien utilizado y lo sigo creyendo :)
> >
>
> No sé las WCAG 2 qué dicen al respeto, pero para mi el formulario maquetado
> con una tabla como decías sí es accesible dentro de las WCAG 1 puesto que
> si
> linearalizas (o como se diga, supongo que me entendéis) la tabla, lo que
> leería un lector de pantalla tendría sentido. Y lo de poner los nombres de
> los campos (Nombre, Apellidos, ...) com <th> me parece totalmente correcto.
> Es más, me parecería incorrecto que los pusieras como un simple <td>.
>
> No sé si deberías indicar algo como scope="row" en cada <th> o similar...
> La
> verdad es que las tablas tienen cantidad de atributos para mejorar su
> accesibilidad y lo tengo ya muy olvidado.
>
> saludos,
> carlos.
>
> --
> Si no puedes deslumbrar con tu sabiduría,
> desconcierta con tus gilipolleces
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
