Quiero un menú desplegable

Contextualizamos
Un cliente de un desarrollo en el que estamos trabajando nos pide que creemos menús desplegables, porque los responsables de la web opinan (sabemos que hay temas en las que todo el mundo puede opinar y tiene razón, como cuando hablamos de fútbol) son más cómodos y las otras webs del grupo los tienen. En el documento de requisitos técnicos aparecía el de cumplir el nivel AA de las normas de la WAI.
Ante la primera negativa que le damos, alegando motivos de accesibilidad y usabilidad, consultan con su departamento informático y la respuesta es que hagamos los menús desplegables y una versión sólo texto. Ante esta disyuntiva la decisión es clara.
Estando de acuerdo a priori con Juan Carlos García
«Si no tienes más remedio que hacer un menú desplegable (aunque, salvo capricho del cliente no parece haber una razón lo suficientemente buena para hacerlo)»
en su artículo Menús deplegables. Más problemas que soluciones, intento hacer un balance de las ventajas y desventajas que aportan, para decidir si realmente es una cuestión de moda (poco sites actualmente los utilizan, aunque Amazon sí, y se presupone que estudian a fondo la usabilidad de su web) o si hay argumentos objetivos para utilizarlos o no utilizarlos.
Problemas de usabilidad de los menús deplegables
- Opciones Ocultas: Las opciones del menú se encuentran ocultas, lo que hace que para conocer todas las opciones que te ofrecen tengas que recorrer todos los menús.
- Doble esfuerzo: Si quieres recorrer los elementos de una categoría tienes que desplegar el menú, una y otra vez, para seleccionar la siguiente opción. Lo que parecía una ventaja, tener a dos clics todos los elementos (desplegar el menú, y elegir la opción), se convierte en no tener nada a un clic.
Problemas de Accesibilidad en menús desplegables
- Uso JavaScript: Muchas soluciones empleadas son dependientes de que el navegador soporte javascript; es decir, en caso contrario no se pueden desplegar.
- Necesidad de Precisión: Para personas con problemas psicomotrices, la necesidad de utilizar el ratón de manera tan exacta se convierte en algo muy complicado, a veces imposible, y además frustante, ya que necesitan realizar muchos intentos para conseguir el objetivo de hacer clic en la opción que desean.
- Lectores de pantalla: Los menús desplegables cargan todas las opciones de las distintas categorías. Normalmente este menú está presente en todas las páginas, sean de la categoría que sean. Esto hace que el usuario que navega con un lector de pantalla tenga que soportar en todas las páginas la enumeración de categorías.
Solución a desarrollar
- Hacemos caso al cliente y creamos los menús deplegables.
- Utilizamos un sistema para menús desplegables que se despliegue aunque el navegador no soporte javascript y cumpla los criterios de accesibilidad.
- Introducimos el enlace de Saltar Navegación para evitar la repetición innecesaria de la opciones una y otra vez.
- Hacemos que la primera opción de cabecera del menú conduzca a una página en la que se describe la sección, y se ofrecen enlaces al resto de opciones que existen dentro esa opción del menú desplegable.
- Repetimos las otras opciones de navegación de esa categoría en cada una de las páginas de la sección.
- Reforzamos la navegación con la miga de pan.
En resumen: intentamos que la navegación por menús desplegables se convierta en otra opción más para navegar, pero que no sea la única.
Más información
Lo más leído
- Dislexia. La bew bara dobos.
- ¿Cómo adapto un interfaz web para móvil?
- Cómo maquetar un correo electrónico HTML para los distintos clientes
- 24 Herramientas para realizar test de Usabilidad
¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.
Trackbacks & Pingbacks
No conoces este menu: UDM4 (Accessible Website Drop Down Menu).
Creo que es la solución a todos los problemas… Jejeje!
Saludos!
Trackbacks & Pingbacks
Interesante artículo, lástima que no mencione las *ventajas* en ningún sitio.
Trackbacks & Pingbacks
cuales son las desventajas de sitios que no cumplan con usabilidad, accesibilidad.
Trackbacks & Pingbacks
Y es posible integrar menús desplegables a waps, o sea a adaptaciones a móviles de web?? porque como no hay :hover en sí…
Trackbacks & Pingbacks
professional resume writers entertainment industry
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
Trackbacks & Pingbacks
omega juicer bpa free
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
Trackbacks & Pingbacks
beste munddusche 2012
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
Trackbacks & Pingbacks
No por los momentos este1n solo en rscolueif3n para ver en monitor Me1s adelante vamos a subir unos archivos comprimidos con los artes en buena rscolueif3n para descargar. Por los momentos nos pueden solicitar las piezas que deseen en rscolueif3n de imprenta al correo
Trackbacks & Pingbacks
– Đối với mở cửa trong: mép trong của khung bao cách mép trong của tường 8mm. – Đối với mở cửa ngoài: mép ngoài của khung bao cách mép ngoài của tường 88mm. – Đối với cửa trượt (cửa đi hoặc cửa sổ): khung bao cách đều 2 mép tường (mép trong và ngoài)…
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
Trackbacks & Pingbacks
get an Online bitcoin wallet
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
Trackbacks & Pingbacks
my online ethereum wallet
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
Trackbacks & Pingbacks
// Begin Comments ?>
Comentarios
Deja un comentario
Saltos de línea automáticos, la dirección de email nunca será publicada, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
No conoces este menu: UDM4 (Accessible Website Drop Down Menu).
Creo que es la solución a todos los problemas… Jejeje!
Saludos!
Interesante artículo, lástima que no mencione las *ventajas* en ningún sitio.
cuales son las desventajas de sitios que no cumplan con usabilidad, accesibilidad.
Y es posible integrar menús desplegables a waps, o sea a adaptaciones a móviles de web?? porque como no hay :hover en sí…
professional resume writers entertainment industry
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
omega juicer bpa free
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
beste munddusche 2012
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
No por los momentos este1n solo en rscolueif3n para ver en monitor Me1s adelante vamos a subir unos archivos comprimidos con los artes en buena rscolueif3n para descargar. Por los momentos nos pueden solicitar las piezas que deseen en rscolueif3n de imprenta al correo
– Đối với mở cửa trong: mép trong của khung bao cách mép trong của tường 8mm. – Đối với mở cửa ngoài: mép ngoài của khung bao cách mép ngoài của tường 88mm. – Đối với cửa trượt (cửa đi hoặc cửa sổ): khung bao cách đều 2 mép tường (mép trong và ngoài)…
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
get an Online bitcoin wallet
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.
my online ethereum wallet
Quiero un menú desplegable » Inclusión. Accesibilidad y Usabilidad web.