Modelo mental

Enlaces para saltar la navegación

Enlaces ocultos que permiten a quienes usan el teclado o tecnologías de asistencia saltarse la navegación repetitiva e ir directamente al contenido principal.

Descubre

Cada vez que visitas una página nueva del mismo sitio web, te encuentras exactamente el mismo menú de navegación en la parte superior. Si navegas con el teclado, esto significa pulsar Tab decenas de veces antes de llegar a algo nuevo. ¿Qué debería ocurrir primero cuando llegas a una página?

¿Qué paso debería ir primero?

Veamos cómo los enlaces de salto transforman la eficiencia de la navegación.

Comprende

Comprende

Los enlaces para saltar la navegación son atajos ocultos al principio de una página web. Aparecen cuando pulsas Tab y permiten a quienes usan el teclado o lectores de pantalla ir directamente al contenido principal sin recorrer el mismo menú de navegación en cada página. Sin esta función, alguien podría tener que pulsar Tab 40 veces solo para llegar a un artículo. Prueba esto: Pulsa Tab en cualquier página web y busca un enlace que diga «Saltar al contenido principal» en la parte superior.

Explicación completa

Explicación completa

Los enlaces para saltar la navegación funcionan mediante un enlace de anclaje HTML estándar situado al principio del código fuente de la página. Este enlace apunta al área de contenido principal mediante un identificador y permite saltarse todos los elementos de navegación repetitivos. Cuando una persona que navega con el teclado pulsa Tab, este enlace es el primer elemento que puede recibir el foco. Normalmente, solo se muestra cuando tiene el foco, para no recargar el diseño visual.

El proceso sigue una secuencia sencilla: primero, llegas a una página nueva; segundo, pulsas Tab una vez; tercero, aparece el enlace de salto y recibe el foco; cuarto, pulsas Intro y el foco pasa directamente al contenido principal. Esto reduce considerablemente el esfuerzo físico de las personas con discapacidad motriz y ahorra tiempo a quienes navegan sin ratón.

Los enlaces de salto benefician principalmente a tres grupos: quienes usan lectores de pantalla y evitan escuchar el mismo menú de navegación en cada página; quienes navegan solo con el teclado y tienen una discapacidad motriz que les provoca dolor físico al pulsar Tab repetidamente; y quienes usan ampliadores de pantalla y ya no necesitan buscar dónde empieza el contenido en cada vista ampliada. Las implementaciones modernas suelen incluir varios destinos de salto, como «Saltar a la navegación» y «Saltar al contenido», para adaptarse a distintos objetivos.

Existen alternativas, como las regiones de referencia ARIA, que definen las zonas de la página (cabecera, navegación, contenido principal y pie de página), y una estructura de encabezados adecuada, que permite a quienes usan lectores de pantalla saltar entre secciones. Sin embargo, los enlaces de salto siguen siendo la solución más fiable para cumplir el criterio 2.4.1 de las WCAG porque funcionan de forma consistente con tecnologías de asistencia antiguas y no dependen de que el navegador admita funciones más recientes. El requisito clave es asegurarse de que el elemento de destino tenga tabindex="-1" para que pueda recibir el foco mediante programación.

Investigación

Investigación

El criterio de conformidad 2.4.1 de las WCAG, «Evitar bloques» (nivel A), exige un mecanismo para saltarse el contenido que se repite en varias páginas [1]. El W3C destaca que este criterio existe porque quienes usan el teclado deben recorrer el contenido de forma secuencial, mientras que quienes ven la pantalla y usan un ratón pueden localizar visualmente su objetivo y hacer clic directamente en él [1]. Los enlaces de salto benefician considerablemente a quienes usan ampliadores de pantalla, ya que deben buscar dentro de una vista ampliada para localizar dónde empieza el contenido principal en cada página nueva [2].

Las investigaciones sobre la usabilidad de la accesibilidad web muestran que los enlaces para saltar la navegación reducen drásticamente el esfuerzo adicional que exige navegar con el teclado. El W3C señala expresamente que, sin mecanismos para saltarse bloques, las pulsaciones repetitivas necesarias pueden provocar «dolor físico intenso» [1].

Las regiones de referencia ARIA (técnica ARIA11) ofrecen una alternativa: definen zonas de la página entre las que las tecnologías de asistencia pueden navegar. Sin embargo, los enlaces de salto siguen recomendándose como solución principal porque ofrecen una compatibilidad más amplia y funcionan de forma consistente con tecnologías de asistencia que quizá no admitan plenamente la navegación por regiones de referencia [3].

Limitaciones

Limitaciones

Los enlaces de salto son innecesarios cuando la navegación repetitiva aparece al final de la página en lugar de al principio, ya que los navegadores ofrecen atajos de teclado para ir al inicio. Algunas implementaciones mantienen estos enlaces siempre visibles, lo que puede recargar el diseño y confundir a quienes ven la pantalla y no entienden su propósito. Las tecnologías de asistencia modernas que admiten de forma sólida las regiones de referencia pueden reducir la dependencia de los enlaces de salto, pero estos siguen siendo esenciales para quienes usan tecnologías antiguas y para cumplir el nivel A. Los enlaces de salto también requieren una implementación cuidadosa: el elemento de destino debe poder recibir el foco, lo que suele requerir tabindex="-1", y el enlace solo debería mostrarse cuando tenga el foco, para evitar confusiones en el diseño y permitir que se descubra.

Fuentes

Fuentes

Pruébalo

Comprueba lo que has entendido

El sitio web de una universidad tiene un menú de navegación con 15 elementos que aparece en cada página antes del contenido principal. Sin un enlace de salto, ¿cuántas veces debe pulsar Tab una persona que navega con el teclado para llegar al primer enlace a un artículo en una página nueva?

Ver la explicación de la guía

Respuesta: 16 veces (15 elementos de navegación + 1 para llegar al artículo)

Sin un enlace para saltar la navegación, quienes usan el teclado deben recorrer con Tab cada elemento de navegación antes de llegar al contenido principal. Esto muestra por qué los enlaces de salto son esenciales: convierten 16 pulsaciones en solo 2 (Tab para dar el foco al enlace de salto e Intro para activarlo).

¿Qué implementación garantiza adecuadamente que el destino de un enlace de salto pueda recibir el foco al activar el enlace?

Ver la explicación de la guía

Respuesta: Añadir id="main" y tabindex="-1" al elemento de destino

El atributo id proporciona el destino de anclaje para el atributo href del enlace de salto, mientras que tabindex="-1" permite que el elemento reciba el foco mediante programación. Sin tabindex="-1", muchos navegadores no trasladan el foco al destino después del salto, por lo que quienes navegan con el teclado se quedan en la parte superior de la página.

Una persona que desarrolla un sitio web sostiene que las regiones de referencia ARIA hacen innecesarios los enlaces de salto y elimina todos esos enlaces del sitio. ¿Cumple esto el criterio 2.4.1 de las WCAG de nivel A?

Ver la explicación de la guía

Respuesta: Falso

Aunque las regiones de referencia ARIA son una técnica válida para cumplir el criterio 2.4.1, pueden no funcionar de manera fiable con todas las tecnologías de asistencia, especialmente con lectores de pantalla antiguos. El W3C considera que los enlaces de salto (técnica G1) y las regiones de referencia ARIA (técnica ARIA11) son enfoques suficientes, aunque distintos. Eliminar por completo los enlaces de salto puede reducir la accesibilidad para quienes usan tecnologías que no admiten plenamente las regiones de referencia.

Sigue explorando

Encuentra otra idea para la decisión que tienes por delante.

Toda la biblioteca de Reframo es de lectura gratuita. Explora otra guía cuando quieras.