Diseño de formularios: etiquetas - Ubicación
Monografía creado por Josep Casanovas. Extraido de: http://www.alzado.org
02 de Enero de 2006
Accesibilidad, Diseño web, Usabilidad
4 - Ubicación
1. Posición
a) A la izquierda del campo o área de texto
Deben situarse preferiblemente a la izquierda del campo, nunca a la derecha ni debajo. Evitar poner las etiquetas encima del campo puesto que dificulta su exploración visual. Cuando sea inevitable, se situarán encima del campo alineados a la izquierda. Esto es habitual cuando el campo o área de texto ocupa mucho espacio.
b) A la derecha de los botones de opción y de las casillas de verificación
Es importante seguir esta regla, de lo contrario el usuario puede confundirse y asociar la etiqueta a otro botón de opción o casilla de verificación.
2. Alineación vertical
Sobre si las etiquetas deben alinearse a la derecha o a la izquierda no hay ningún acuerdo establecido. Tanto un caso como el otro tiene sus ventajas e inconvenientes.
a) Alineación izquierda:
Ayuda al escaneo del ojo ya que el inicio de todas las etiquetas queda encolumnado y facilita su localización rápida, sin embargo tiene como inconveniente que algunas etiquetas pueden quedar excesivamente separadas de su campo o control.
b) Alineación derecha:
Lo que para la alineación izquierda es una ventaja, aquí se convierte en un inconveniente y viceversa.
c) Mi estrategia preferida:
Consiste en alinear las etiquetas a la izquierda excepto cuando, en un grupo, alguna de ellas tenga un texto muy largo. En este caso alineo las etiquetas a la derecha.
3. Alineación horizontal
Los textos de las etiquetas y de los campos deben estar alineados horizontalmente tomando como referencia la línea base del cuerpo del texto.
4. Separación con el campo o control:
Si se adopta la alineación derecha, todas las etiquetas tendrán la misma separación de su campo o control. La distancia de separación no debe ser nunca excesiva. Una separación aproximada de 12 píxeles será suficiente.
Si se adopta la alineación izquierda, se tomará como referencia una separación aproximada de 12 píxeles desde la etiqueta más larga hasta su campo o control. El resto de etiquetas se alinearán en referencia a esta.
Valora este capítulo:
Autor y licencia de 'Diseño de formularios: etiquetas - Ubicación'
|
Opiniona sobre 'Diseño de formularios: etiquetas - Ubicación' (10)
Tu nombre debe tener tres caracteres como mínimo.
Es necesario que te des de alta con una cuenta de correo válida.
Es necesario que te des de alta con una cuenta de correo válida.
El contenido del título de tu opinión debe tener tres caracteres como mínimo.
Es obligatorio que selecciones una valoración del recurso.
El contenido del comentario de tu opinión debe tener tres caracteres como mínimo.
Opina sobre este monografía |
Wikis relacionados con 'Diseño de formularios: etiquetas - Ubicación'
Bienvenidos al manual de HTML de Indaya. A
través de todos estos capítulos vamos a...
Más »
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo...
Más »
El principal objetivo es introducir y discutir el modo principal[2] PSGML de Emacs y las...
Más »
Los botiquines de los estadounidenses contienen una selección cada vez mayor de medicamentos sin receta...
Más »
Nos complace presentar el Plan detallado de consultoría y formación que Luis E. Vásquez ...
Más »
