Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

jueves, 8 de enero de 2009

Formularios accesibles

Formularios sin tablas


Personalmente no odio las tablas. Pero a la hora de llevar a cabo los diseños; sólo las utilizo cuando debo mostrar contenido tabulado.
Considero que los formularios no lo son. Por eso prefiero llevar a cabo el diseño de los mismos mediante HTML y CSS.

Formularios accesibles

En Woork, Antonio Lupetti nos muestra con un ejemplo muy sencillo, la forma de llevarlo a cabo esta tarea.

HTML para un formulario accesible
Visto en | Woork
Enlace para descargar el formulario | Código fuente

Esto representa un buen punto de partida; ya que a partir de aquí, es necesario establecer algunas serias consideraciones para comenzar a pensar que nuestro formulario es accesible.

  • Los labels deben ser descriptivos, ya que este texto está íntimamente al campo.
  • Es recomendable utilizar el elemento fieldset de forma tal que este, agrupe a los campos y los controles correspondientes.
  • Utilizar accesskey, para lograr acceder al campo de manera independiente del dispositivo que se utilice.
  • Utilizar tabindex para que cada campo y elemento tenga su orden lógico.
  • Evitar que los botones de envío de información utilicen JavaScript, de forma tal de asegurar que el formulario funcione en navegadores o dispositivos que no lo soporten.
Share:

Publicidad

Estadísticas