Bueno, para quien no lo sepa, la declaración display:none, usada para ocultar información a la vista -como por ejemplo menús que no se muestran inicialmente-, puede causar que algunos lectores de pantalla no lean el contenido.

Yo llevo usando un par de años la siguiente regla (desgraciadamente no en este foro, a ver si cambio la maquetación!):

.ocultar{
position:absolute;
left:1000em
}

Lo que consigues es desplazar el elemento "fuera de la pantalla", y a mí por ahora no me ha dado ningún problema.


Espero que os sirva!

Muchas gracias Moriarty. Me has hecho ver la luz. Pero probando a ocultar una capa que contenía un iframe no funcionaba correctamente (el iframe no se ocultaba). Haciendo modificaciones sobre tu estilo he conseguido que funcione:

.oculto{
   width:0;
   height:0;
   overflow:hidden;
   position:absolute;
   left:-1000em;
}

El "left" lo he tenido que poner negativo para que funcionase bien en Opera, que si no me salía un scroll horizontal enorme.