El problema principal del display: none; ocurre con las normas de
accesibilidad.
Si el lector ingresa a la pagina con un lector de voz (ciego) la informacion
que tiene display:none; no existe para el lector de voz, al contrario que
con text-ident, la cual està presente.
Muchas veces al utilizar menus, donde los enlaces se reemplazan por imagenes
con sprites:
<a ... ><span>Home</span></a>
<a ... ><span>Productos</span></a>
Con:
a span { display:none; }
Simplemente esto no existe y el menu es invisible para un lector de voz.
Ahora si hago:
a span { text-indent: -5000px }
El texto sigue estando y es visible para los robots, etc... aunque en
pantalla no se ve ya que esta desplazado mas allà de las resoluciones que se
usan en los monitores estandard.
Saludos,
Martin
2011/7/12 Miguel Gonzalez <[email protected]>
>
> Hola lista,
>
> Veo en diversos mensajes consejos y "hacks" para ocultar elementos de
> bloque mediante el establecimiento de márgenes o indentaciones con
> valores negativos, por ejemplo:
>
> text-indent: -9999px;
>
> ¿Alguien sabría argumentarme el porqué de que esta estrategia se
> recomiende tanto?
>
> ¿Qué tiene de "inconveniente" usar un "display: none" para ocultar un
> bloque?
>
> Saludos,
>
> Miguel González
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
