Skip to content

[rockrer]

Hola!

He visto esto en varios navegadores, pero no entiendo del todo para que funciona, se que tiene que ver con la accesibilidad, pero nunca se ve en el navegador.

<a href="#content" title="skip to content"><img src="/images/s.gif" width="1" height="1" border="0" alt="" /></a>

Saludos

[Daniel Ulczyk]

Es cierto.
Comúnmente no suele estar a ojos vista del usuario, ya que mediante CSS; muchas veces se oculta la presentación de este tipo de enlaces.
No obstante, es muy útil; cuando se accede al documento mediante CSS deshabilitado. Comportamiento que se obtienen mediante el acceso con un dispositivo móvil o, mediante un lector de pantalla, por ejemplo.

Si tenés Firefox, podés comprobar esto con

• Ver
• Estilo de página
• Sin estilo

Y navegar luego mediante el teclado.

Espero esta información te sea útil.
Saludos!

[facundocorradini]

Hola rocker,

Supongo que es para que cuando se navega la página con un navegador para no videntes no te repita todo el menú de navegación y puedas saltar directamente a los contenidos.

[Mikmoro]

Bueno, realmente la primera utilidad es para que, de una manera u otra, puedas saltar los bloques de enlaces (menús). Por ejemplo: si navegas con un navegador sólo texto, un lector de pantalla o sin ratón (con teclado), cuando saltes a otra página, si quieres llevar el cursor hasta el contenido para poder hacer scroll con el teclado tendrás que volver a pasar por cada elemento del menú, o de todos los elementos de todos los menús que aparezcan antes del contenido. Con ese enlace, permites que una persona salte directamente al contenido de la página, evitando tener que recorrer nuevamente todos los menús.

Prueba a navegar con el teclado y verás claramente a qué me refiero. No es buena práctica eso de ocultarlo, porque efectivamente a alguien que navegue sin ratón no le servirá de mucho, pero desgraciadamente es lo más habitual. Se suele ocultar porque no todo el mundo entendería fácilmente que significa ese enlace, y para no confundir.

[Null_]

Además, es una de las reglas de las pautas de accesibilidad web (WCAG) en que se debe proporcionar un método que salte el grupo de enlaces para aquellos usuarios que navegen solo con teclado o un dispositivo básico (como un celular que no interprete CSS). Si validas una web en eXaminator lo comprobarás.
Yo no pondría una imagen dentro del enlace, si no que un texto como "saltar navegación" o "saltar al contenido" que es más comodo. Nunca se debe ocultar, imagina que hay 100 enlaces antes del contenido... entonces hay que apretar 100 veces la tecla tab? claramente es mucho mas cómodo.
Incluso yo aveces lo uso porque es mas rápido navegar con el teclado entre los enlaces...

saludos