Qué es Generador de enlace de salto accesible?
Un enlace de salto (skip link) es un enlace oculto en la parte superior de la página que se vuelve visible cuando se enfoca con la tecla Tab. Permite a los usuarios de teclado y lectores de pantalla saltar directamente al contenido principal, omitiendo la navegación. WCAG requiere una forma de evitar bloques de contenido repetidos.
Respuesta rápida
Genere un enlace de navegación de salto accesible que aparece al enfocar con Tab, permitiendo a los usuarios de teclado y lectores de pantalla saltar los bloques de navegación repetidos y llegar al área de contenido principal.
Last updated: 2026-06-11
Limitaciones
- El enlace de salto requiere que el elemento destino con el id coincidente exista en el DOM. Si el id destino falta o está mal escrito, el enlace navega a un elemento inexistente.
- Las pruebas solo visuales pueden pasar por alto problemas de orden de enfoque que afectan la navegación con lector de pantalla. Pruebe siempre con un lector de pantalla después de agregar el enlace de salto.
- Los enlaces de salto que saltan a elementos no enfocables pueden no mover el enfoque del teclado correctamente. El elemento destino debe tener tabindex="-1" para recibir enfoque programático.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Cómo usar esta herramienta
- Ingrese el selector CSS del área de contenido principal, como #main-content o #content.
- Establezca el texto del enlace que aparecerá cuando el enlace de salto esté enfocado.
- Elija si el enlace está siempre visible o solo aparece al enfocarse con el teclado.
- Copie el HTML y CSS generados en su página y pruebe presionando Tab desde la parte superior de la página.
Para qué puedes usarla
- Agregar navegación de salto a una plantilla HTML estática para mejor accesibilidad por teclado.
- Cumplir con los requisitos de bloque de omisión WCAG 2.4.1 en páginas con navegación persistente.
- Mejorar la navegación por teclado para un sitio de documentación multipágina con barra lateral.