El modo utilizado por la mayoría de desarrolladores para implementar un menú desplegable (horizontal o vertical), suele ser mediante DHTML, HTML Dinámico implementado con javascript. Esta técnica tiene problemas de accesibilidad, y problemas semánticos debido a que el menú no suele estar codificado directamente en el documento HTML o XHTML, sino que se crea dinámicamente mediante largas funciones javascript, lo que a su vez provoca dependencia del navegador donde se visualiza.
Una de las soluciones que mejor resuelve el problema de menús desplegables mediante HTML/XTHML y CSS son las listas Suckerfish. Esta técnica está muy bien explicada (en inglés) en HTMLDog y A List Apart. Este último lo acabo de encontrar traducido en Manual de Diseño Digital.
Mira un ejemplo guapo del Suckerfish.



... Y me siento en la obligación de defenderles porque tengo la intuición de que el ejemplo fue sacado de este blog.
Salta a la vista que la gente de
tresonce
18 oct 2005 - 01:30 AM
Muy bueno el blog... lástima no haberlo conocido antes. Un saludo y ten por seguro que me pasaré por aquí. ;)
Gracias, bienvenido tresonce.
Como ya se ha comentado en otro artículo más reciente, hemos cambiado el menú de la web www.code-extreme.com utilizando para ello la tecnología de los "menús suckerfish".
Creemos que con esto y con algún cambio de diseño (hemos cambiado el color de las letras de las opciones de primer nivel del menú) hemos conseguido hacer un menú (y por tanto, nuestras página) un poco más accesible.
Sólo nos queda agradecerte la ayuda que desde tu blog (y personalmente) nos has prestado, así que: Muchas gracias! [guiño]
Escribe un comentario
Los comentarios están cerrados