Saltar al contenido

Silktide comprueba que cada página ofrezca a las personas visitantes una forma de ir directamente a su contenido principal, pasando por alto encabezados y navegación repetidos. Suele ser un enlace de "saltar al contenido" en la parte superior de la página, o una región principal de contenido.

<!-- Un enlace de salto que apunta al contenido principal -->
<a href="#main">Saltar al contenido principal</a>
...
<main id="main">
  <h1>Bienvenido</h1>
</main>

Por qué es importante

Muchas personas experimentan las páginas de forma secuencial: una persona usuaria de oye el contenido en orden, y una que usa el teclado recorre con tabulador cada enlace. Como la mayoría de los sitios repiten el mismo encabezado y la misma navegación en cada página, estas personas deben volver a atravesarlos en todas y cada una de las páginas: una visitante ciega puede tener que escuchar decenas o cientos de enlaces de navegación antes de llegar al contenido. Un enlace de salto o una región principal elimina esa carga.

Los enlaces de salto no tienen por qué ser visibles para todo el mundo. Un patrón común mantiene el enlace oculto hasta que recibe , de modo que no afecta a tu diseño.

Cómo solucionarlo

Añade un enlace en la parte superior de la página que apunte al inicio de tu contenido principal, por ejemplo <a href="#main">Saltar al contenido principal</a>.
Asegúrate de que el destino exista: el fragmento debe coincidir con el id de un elemento real y el elemento de destino debe ser visible.
Alternativamente (o además), marca tu contenido principal con un elemento <main> o role="main"; cualquiera de los dos satisface esta comprobación por sí solo.
La mejor práctica es combinar ambos: un enlace de salto que apunte a la región <main>, lo que funciona con la mayor variedad de navegadores y tecnologías de asistencia:

<a href="#main">Saltar al contenido principal</a>
...
<main id="main">...</main>

Cómo lo comprueba Silktide

Omite las páginas con menos de 500 caracteres visibles de texto: hay demasiado poco contenido como para que sea necesario saltar hasta él.
Busca un enlace que apunte a un fragmento (como #main) en la misma página. Para que cuente, el enlace no debe estar adyacente a otro texto (lo que sugeriría que forma parte de una frase en lugar de ser una ayuda de navegación) y debe ser visible o estar oculto de una forma compatible con los lectores de pantalla.
El texto del enlace deliberadamente no se examina, por lo que la comprobación funciona en cualquier idioma.
Se informa de un problema cuando:
- El fragmento del enlace apunta a un id que no existe en la página (un enlace de salto roto).
- El enlace aparece después de más de 500 caracteres visibles de texto, demasiado tarde para ahorrarle esfuerzo a la persona usuaria.
- No existe un enlace de salto y la página no tiene <main> ni role="main".

Solución de problemas

Tengo un enlace de salto pero la comprobación sigue fallando

Revisa los tres casos de fallo anteriores: las causas más comunes son un fragmento que apunta a un id que ya no existe, un elemento de destino invisible y un banner de cookies u otro contenido que empuja el enlace más de 500 caracteres hacia abajo en la página.

Mi contenido comienza en la parte superior de la página

Si la página tiene menos de 500 caracteres visibles, se omite automáticamente. Las páginas más largas aún necesitan un enlace de salto o una región principal, incluso cuando el contenido empieza pronto, porque Silktide no puede determinar con fiabilidad que no haya navegación antes.