¿Accesibilidad h1?

[floren]

Muy buenas, y gracias por el foro, estoy aprendiendo un montón con Vdes.

He visto en el duelo webosiris-metacortex, que webosiris utiliza el siguiente código para sustitución de titular:

Código HTML:

#cabecera h1 span,
#credito h2 span {
	display: none;
}


<div id="cabecera">
	<h1><span>Est&aacute;ndares web</span></h1>
</div> 

Perdón por mi ignorancia, ¿pero qué sentido tiene poner un texto a un span que luego no se va a mostrar?

Y luego, a nivel de accesibilidad, ¿un lector de pantalla leería ese texto?

Gracias, seguro que todo tiene su explicación.

[kahlito]

Hola floren.

Antes que nada te recomiendo pasarte por aquí, ya que es un tema de Accesibilidad:

http://www.forosdelweb.com/f85/

Iniciado por floren

He visto en el duelo webosiris-metacortex, que webosiris utiliza el siguiente código para sustitución de titular:

Código HTML:

#cabecera h1 span,
#credito h2 span {
	display: none;
}


<div id="cabecera">
	<h1><span>Est&aacute;ndares web</span></h1>
</div> 

Perdón por mi ignorancia, ¿pero qué sentido tiene poner un texto a un span que luego no se va a mostrar?

Y luego, a nivel de accesibilidad, ¿un lector de pantalla leería ese texto?

Bueno creo que no es webosiris, es en el diseño de metacortex donde ves esa opción.

La cuestión de poner un span ahí es precisamente por temas de accesibilidad ya que así un lector de pantalla si lee ese texto aunque no se muestre en el diseño.

[floren]

Gracias kahlito, el foro es tan inmenso que uno se pierde un poco y es posible que plantee cosas que ya se han solucionado cienes de veces.

El display: none; es lo que me lía un poco. El <h1> lo entenderá e indexarán los buscadores, pero un lector de pantalla no creo, ya que justamente se está ocultando esa capa.

Saludos y gracias again.

Floren

[JavierB]

Vamonos al foro de Accesibilidad para que nos aclaren mejor la situación.

Movido desde Css.

Saludos,

[frijolerou]

La cuestión de poner un span ahí es precisamente por temas de accesibilidad ya que así un lector de pantalla si lee ese texto aunque no se muestre en el diseño.

Ahí existe un pequeño problema Javier, porque no todos los lectores de pantalla son capaces de detectar un elemento oculto mediante display:none o mediante visibility:hidden. Una solución mejor es desplazar el texto usando margenes negativos para ocultarlo (ej: text-indent:-999px).

http://jlvelazquez.net/accesibilidad...navegacion.asp

[floren]

Por lo que he leído por ahí, la solución de text-ident a valores suficientemente grandes y negativos es la opción más recomendada actualmente según indica frijolerou; lo de display:none, si es que el tema de accesibilidad es prioritario, debería estar en desuso.

Gracias y perdón por abrir en lugar equivocado!

Floren.