José Montes Cuadrado escribió:
[...]
<div id="zonacabecera"><h1>Título principal de la página</h1></div>
En ese div he metido el encabezado H1 cuyo CSS es:
h1 {
visibility : hidden;
display : none;
}
No tiene demasiada lógica. Si un elemento no se muestra (`display:
none;`), bien poco importa que sea visible o invisible (`visibility`).
De esta manera, ni se ve, ni estorba, cuando CSS está activo. Esta idea
se me ocurrió al evaluar la página http://www.hci.uniovi.es en la que,
para lograr el mismo efecto, hacen esto:
#header h1{
....
font-size:0.8px;
text-indent:-9000px;
}
lo cual me parece menos "elegante".
Te parece pero no lo es. Esta técnica se utilizar para que los lectores
de pantalla et. al. "vean" la información. Si utilizas `display:
none;`, para un lector de pantalla será como si no existiera el elemento.
Véase <http://css-discuss.incutio.com/?page=ScreenreaderVisibility>.
Salud,
Choan
En resumen: dos cuestiones solucionadas. Tener siempre un encabezado H1
y que éste esté oculto cuando se visualiza la página con CSS activos.
_______________________________________________
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://ovillo.org/mailman/listinfo/ovillo
