El enlace para saltar al contenido es el primer elemento que debería encontrar cualquier
persona que navegue tu web con teclado, y en la mayoría de despachos de abogados no existe.
Sin él, quien no usa ratón repite el menú, el buscador y el aviso de cookies en cada página
antes de llegar al texto que le interesa. Es una línea de código, no un rediseño, y corrige un
fallo que las pautas de accesibilidad clasifican en el nivel más básico.
Este artículo explica qué hace exactamente ese enlace, a qué despachos obliga la normativa
española y cómo comprobar en dos minutos si tu web ya lo tiene o te falta por completo.
El enlace para saltar al contenido es un atajo oculto que aparece al pulsar la
tecla Tab y lleva directo al cuerpo del artículo, sin pasar por el menú ni la cabecera. Lo
exige el criterio WCAG 2.4.1 (Bypass Blocks), pensado para quien navega sin ratón o con
lector de pantalla.
Así funciona el enlace para saltar al contenido
Es el primer elemento del código, antes incluso del logotipo: un enlace que normalmente
permanece invisible y solo aparece cuando alguien pulsa la tecla Tab por primera vez. En ese
momento se hace visible, recibe el foco y, si se activa, mueve el cursor directamente al primer
párrafo del artículo, saltándose el menú, el buscador y cualquier aviso superior.
Quien navega con ratón no lo ve ni lo necesita. Lo usan dos perfiles distintos: personas con
movilidad reducida en las manos que manejan la web solo con teclado, y usuarios de lectores de
pantalla, que sin este atajo escuchan en voz alta la cabecera completa —logotipo, menú con sus
diez o quince enlaces, buscador, redes sociales— en cada página que visitan antes de llegar al
contenido real.
WCAG organiza sus pautas en tres niveles: A, AA y AAA. El enlace para saltar al
contenido corresponde al criterio 2.4.1, de nivel A, el escalón más bajo y el único que
ninguna web debería incumplir.
El usuario de teclado repite el menú sin él
El caso típico no es un cliente con una discapacidad permanente: es el abogado que escribe
con una muñeca escayolada, el visitante con temblor por Parkinson o el que usa un conmutador
porque no controla los dedos con precisión. Todos comparten lo mismo: avanzan con Tab, uno a
uno, por cada enlace de la página. En una web con quince elementos en la cabecera, llegar al
primer párrafo del artículo exige quince pulsaciones antes de leer una sola palabra.
El lector de pantalla pierde más tiempo aún
Un lector de pantalla no salta visualmente: narra en voz alta cada elemento por el que pasa,
con su rol y su estado. Sin un enlace para saltar al contenido, esa narración empieza por el
logotipo, sigue por los diez o quince enlaces del menú principal, continúa por el buscador y el
aviso de cookies, y solo entonces llega al titular del artículo. En una web con varias páginas
visitadas en la misma sesión —algo habitual cuando alguien compara despachos—, esa cabecera se
repite íntegra cada vez. El criterio 2.4.1 de WCAG
nació precisamente para evitar esa repetición: no exige quitar el menú, exige dar una salida
antes de él.
La norma que exige este salto de contenido
En España conviven dos textos distintos y conviene no mezclarlos. El Real Decreto 1112/2018
obliga solo al sector público: ayuntamientos, colegios profesionales, universidades. Así lo
limita su propio texto, el Real Decreto 1112/2018,
y un despacho privado no entra ahí, por mucho que algunos lo citen en su política de
accesibilidad como referencia técnica.
La Ley 11/2023 alcanza a los despachos con tienda online
Quien sí puede quedar obligado por ley es el despacho que vende servicios por internet con un
proceso de contratación online —cita y pago a través de la propia web, por ejemplo— y que no
tiene la condición de microempresa. La Ley 11/2023,
que traspone la directiva europea de accesibilidad, exige a esos servicios de comercio
electrónico cumplir el nivel AA de las pautas de accesibilidad desde el 28 de junio de 2025.
El criterio del enlace para saltar al contenido es de nivel A, así que entra de lleno en esa
exigencia: es de los primeros puntos que revisa cualquier auditoría. Ya explicamos con más
detalle a qué despachos afecta esta ley en la ley de accesibilidad web que ya obliga a muchos despachos.
Cómo se construye el enlace para saltar al contenido
No hace falta tocar el diseño ni mover un píxel visible para quien no lo necesita. El
desarrollador de tu tema o tu agencia solo tiene que cumplir cuatro condiciones:
- Colocarlo como el primer elemento interactivo del código, antes del logotipo y del menú.
- Apuntar a un identificador real que exista en el contenido principal, nunca a una ancla
que no esté en la página. - Ocultarlo visualmente sin sacarlo del árbol de accesibilidad —posicionado fuera de la
pantalla, nunca con display: none ni visibility: hidden— y mostrarlo al
recibir el foco del teclado. - Rotular el texto con lo que hace de verdad: «Saltar al contenido principal», nunca
«pincha aquí» ni un icono sin etiqueta.
Son cuatro reglas, no una librería que instalar. Cualquier maquetador que las conozca lo
añade en una tarde, y el cambio no afecta a cómo se ve la web para el resto de visitantes.
Errores que inutilizan este atajo de accesibilidad
El fallo más repetido es que el enlace existe en el código —muchos temas de WordPress lo
traen de serie— pero una hoja de estilos posterior lo oculta con display: none, que lo
borra también para quien navega con teclado. El segundo es un identificador que no coincide con
ningún elemento real de la página: el enlace está, se ve al pulsar Tab, pero al activarlo no
mueve el foco a ningún sitio y el usuario cree que la web está rota.
El tercero es más de fondo: suprimir el contorno de foco con un outline: none
general para «limpiar» el diseño. Esa decisión no solo afecta a este enlace: deja sin pista
visual a cualquier elemento que se navegue con teclado, y es exactamente el tipo de atajo
cosmético que conviene revisar antes de dar por accesible una web, como ya contamos en
el atajo que la ley no permite.
Tu despacho gana algo más que cumplir la norma
Un cliente que busca abogado tras un accidente, una incapacidad o un despido no es un perfil
abstracto: es exactamente el tipo de visitante que puede estar navegando con dificultades
motoras o con un lector de pantalla, en el peor momento para encontrar obstáculos. Un enlace
para saltar al contenido que funciona es una señal pequeña pero concreta de que la web se pensó
para quien la usa, no solo para quien la diseñó.
También pesa en cómo Google valora la página: la experiencia de usuario entra en sus
sistemas de posicionamiento, y una web que un lector de pantalla recorre sin fricción es una web
que retiene mejor a cualquier visitante. Repasamos otras señales que Google espera encontrar en
el diseño web de un despacho de abogados.
Preguntas frecuentes sobre el enlace para saltar al contenido
¿El enlace para saltar al contenido debe verse siempre?
No. Lo habitual es mantenerlo oculto visualmente y mostrarlo solo cuando recibe el foco del
teclado, normalmente al pulsar Tab la primera vez. Debe seguir presente en el código para
lectores de pantalla aunque no se vea en pantalla para el resto de visitantes.
¿Qué pasa si mi web ya tiene un índice automático?
El índice ayuda a saltar entre apartados dentro del artículo, pero no sustituye este enlace:
sigue haciendo falta pasar por el menú principal y la cabecera antes de llegar al índice. Son
dos mecanismos distintos y complementarios, no alternativos.
¿Cuánto cuesta añadir este enlace a una web ya construida?
En una web con HTML y CSS accesibles desde el tema, es cuestión de minutos para quien
mantiene la web. El coste sube solo si el tema está muy cerrado o si hay que revisar además
otros fallos de foco y contraste detectados en la misma auditoría.
Fuente: W3C – Web Content Accessibility Guidelines (WCAG) 2.2, criterio 2.4.1 Bypass Blocks