Está usted en Indice > Maletin > Artículos > Formularios Usables y Accesibles
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Formularios Usables y Accesibles (2)

Una lista puede utilizarse cuando los valores que contiene son conocidos y el usuario puede seleccionar más de un valor. tambien es una buena opción para usuarios que no utilicen el mouse a causa de algun discapacidad.

Un menú desplegable es util si el espacio es limitado, aunque no es muy aconsejable. También es recomendable utilizarlo si los items de la lista son conocidos al usuario, por ejemplo una lista de paises en donde el usuario sólo necesita conocer una opción (su pais).

Ejemplos de menú desplegable y lista

Los radio Buttons son eficientes ya que permiten detectar inmediatamente las opciones disponible, es recomendables manejar un reducido número de items, (2 a 6). La característica escencial de los radio buttons es que sólo permiten seleccionar una opción por vez. Para lo cual si queremos dejar que el usuario tenga la posibilidad de múltiples opciones debemos utilizar check boxes.

Ejemplo de radio buttons y check boxes

Los buttons poseen funciones restringidas, no deben ser utilizados para otra cosa que no sea el disparador de la acción del formulario o su funcion de reset básicamente, se desaconseja su utilización como enlaces a otros documentos, ya que su tamaño y predominancia visual es contrastante, una pantalla llena de buttons generalmente luce muy poco amigable.

¿Qué elementos debe tener un formulario para ser accesible?

Todos los campos de un formulario (campos de texto, radio button, check box, etc.) deben tener asociado:

  1. un label descriptivo. que es un tag que encierra el campo y lo nombra. Se debe tener en cuenta que el label siempre debe estar ubicado a la izquierda del campo que describe, salvo para radio buttons o check boxes en donde puede ir a la derecha del campo.
  2. un accesskey, que es un atajo de teclado (shortcut) para poder acceder al campo independientemente del dispositivo, por ejemplo puede accederse desde el teclado. Se presenta como un atributo del tag label.
  3. un tabindex, que es una variable incluida tambien inluída dentro del label que indica el orden que seguirá la tabulación.
  4. un fieldset, el cual es un elemento utilizado para agrupar campos y ayuda al entendimiento en formularios largos. El fieldset contiene un tag legend que le da un título a la agrupación.
  5. un submit button que no utilice javascript que puede no funcionar correctamente en algunos navegadores.


Usuarios que han visto este tema también han visto...

- Cómo brindar un excelente servicio al cliente
- PayPal, plataforma de pagos online
- Las grandes verdades sobre el posicionamiento web
- Formas básicas y avanzadas de Márketing en Internet
- Uso del WWW


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad






Cursos de Community Manager

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 13-02-2012 a las 05:24:59