La importancia de la accesibilidad:
Un rollover es muchas veces un elemento importante para un menú, ya que le confiere a éste un aspecto más trabajado y profesional… Sin embargo realizar un rollover mediante JS no es interesante, puesto que merece la pena evitar usar el JS para los enlaces (por ejemplo), siendo mucho más interesante el poder elaborar un menú a base de texto, con algo de estilos.
El problema al realizar un rollover mediante CSS es ese molesto parpadeo que se ocasiona entre una imagen y otra; como un salto a blanco entre el estado “hover” y el de reposo, y viceversa.
Éste es el tiempo que se tarda en cargar la imagen… Usar una imagen más pequeña no siempre es solución, ya que muchas veces sigue ocurriendo con imágenes de 1k.
Pues bien, aquí os proponemos una solución que nos parece “ideal”, a ver que os parece!!
ROLLOVER CSS SIN PARPADEOS
Directorio de Enlaces
La accesibilidad web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Esta cualidad está íntimamente relacionada con la usabilidad.
Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Por ejemplo, cuando un sitio tiene un código XHTML semánticamente correcto, se proporciona un texto equivalente alternativo a las imágenes y a los enlaces se les da un nombre significativo, esto permite a los usuarios ciegos utilizar lectores de pantalla o líneas Braille para acceder a los contenidos. Cuando los vídeos disponen de subtítulos, los usuarios con dificultades auditivas podrán entenderlos plenamente. Si los contenidos están escritos en un lenguaje sencillo e ilustrados con diagramas y animaciones, los usuarios con dislexia o problemas de aprendizaje están en mejores condiciones de entenderlos.
Si el tamaño del texto es lo suficientemente grande, los usuarios con problemas visuales puedan leerlo sin dificultad. De igual modo, el tamaño de los botones o las áreas activas adecuado puede facilitar su uso a los usuarios que no pueden controlar el ratón con precisión. Si se evitan las acciones que dependan de un dispositivo concreto (pulsar una tecla, hacer click con el ratón) el usuario podrá escojer el dispositivo que más lo convenga.
(fuente original: Wikipedia)
Anterior
Siguiente