[Ovillo] Ejemplo HTML 100% - Para el que lo quiera

[Ramón Corominas]

Hola, Ignacio.

Los lectores de pantalla no leen sólo el código HTML, también 
interpretan algunas propiedades de CSS, entre ellas "display", 
"visibility" y alguna otra más. En el caso de "display: none", la 
especificación dice que no se debe generar una caja, por lo que los 
lectores de pantalla tampoco verbalizan nada. También en el caso de 
"visibility: hidden", la especificación dice que el contenido de la caja 
se oculte, por lo que los lectores de pantalla tampoco deberían decir nada.

Una solución a medias es la técnica esa de off-left/top, mandando el 
contenido a la conchinchina fuera de la ventana de visualización, pero 
también presenta otros problemas, como que al desactivar imágenes en 
muchos casos no se ve nada, o que se pueda perder el foco de tabulación 
visual (cosa que, por cierto, es de Nivel AA en las WCAG 2.0).

Por eso, en general, mejor no ocultar nada, y si es estrictamente 
necesario, pensarse mucho cómo hacerlo para no afectar a la 
accesibilidad... <guiño>

Saludos,
Ramón.