{"id":1119907,"date":"2026-10-20T07:00:00","date_gmt":"2026-10-20T14:00:00","guid":{"rendered":"https:\/\/www.questionpro.com\/blog\/?p=1119907"},"modified":"2026-10-12T09:53:54","modified_gmt":"2026-10-12T16:53:54","slug":"enlaces-de-salto","status":"publish","type":"post","link":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/","title":{"rendered":"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos"},"content":{"rendered":"<p>Imagina tener que escuchar el men\u00fa completo de un sitio, enlace por enlace, cada vez que cambias de p\u00e1gina. Eso es lo que viven a diario muchas personas que navegan con teclado o con lector de pantalla, y los <strong>enlaces de salto<\/strong> (skip links) existen precisamente para evitarlo: un atajo, normalmente invisible hasta que lo necesitas, que lleva directo al contenido principal.<\/p>\n<p>En este art\u00edculo ver\u00e1s qu\u00e9 son, por qu\u00e9 importan tanto para la accesibilidad y la experiencia de usuario, qui\u00e9n se beneficia de ellos y c\u00f3mo implementarlos con un ejemplo de c\u00f3digo. Tambi\u00e9n repasaremos c\u00f3mo probarlos, las buenas pr\u00e1cticas que marcan la diferencia y los errores que los dejan inservibles sin que nadie lo note.<\/p>\n<style>.qp-art-summary[open] .qp-art-arrow{transform:rotate(180deg)}.qp-art-arrow{transition:transform 0.25s ease;display:inline-block;}<\/style>\n<details class=\"qp-art-summary\" style=\"background: #f8faff; border: 2px solid #2D6BE4; border-radius: 12px; margin: 1.5rem 0; font-family: Arial,sans-serif; overflow: hidden;\">\n<summary style=\"background: #1a2b5e; color: #ffffff; padding: 1rem 1.25rem; cursor: pointer; font-size: 16px; font-weight: bold; list-style: none; display: flex; align-items: center; gap: 10px; margin: 0;\"><span style=\"font-size: 20px; line-height: 1; flex-shrink: 0;\">\ud83d\udc41<\/span> Resumen del art\u00edculo<span class=\"qp-art-arrow\" style=\"margin-left: auto; font-size: 13px; opacity: 0.75;\">\u25bc<\/span><\/summary>\n<ul style=\"margin: 0; padding: 1rem 1.5rem; list-style: none;\">\n<li style=\"padding: 0.6rem 0; border-bottom: 1px solid #e5e7eb; color: #374151; font-size: 15px; line-height: 1.6; display: flex; gap: 10px; align-items: flex-start;\"><span style=\"color: #2d6be4; font-weight: bold; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span> Los enlaces de salto llevan al contenido principal con solo dos pulsaciones: Tab y Enter.<\/li>\n<li style=\"padding: 0.6rem 0; border-bottom: 1px solid #e5e7eb; color: #374151; font-size: 15px; line-height: 1.6; display: flex; gap: 10px; align-items: flex-start;\"><span style=\"color: #2d6be4; font-weight: bold; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span> Benefician a usuarios de teclado, lectores de pantalla, switches y magnificadores, no solo a personas ciegas.<\/li>\n<li style=\"padding: 0.6rem 0; border-bottom: 1px solid #e5e7eb; color: #374151; font-size: 15px; line-height: 1.6; display: flex; gap: 10px; align-items: flex-start;\"><span style=\"color: #2d6be4; font-weight: bold; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span> El criterio 2.4.1 de las WCAG, de nivel A, exige un mecanismo para evitar bloques repetidos.<\/li>\n<li style=\"padding: 0.6rem 0; border-bottom: 1px solid #e5e7eb; color: #374151; font-size: 15px; line-height: 1.6; display: flex; gap: 10px; align-items: flex-start;\"><span style=\"color: #2d6be4; font-weight: bold; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span> Ocultarlos con display:none los vuelve inaccesibles, deben ocultarse solo visualmente y aparecer al recibir el foco.<\/li>\n<li style=\"padding: 0.6rem 0; border-bottom: 1px solid #e5e7eb; color: #374151; font-size: 15px; line-height: 1.6; display: flex; gap: 10px; align-items: flex-start;\"><span style=\"color: #2d6be4; font-weight: bold; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span> El 95,9% de las p\u00e1ginas de inicio m\u00e1s visitadas tiene errores de WCAG detectables autom\u00e1ticamente.<\/li>\n<li style=\"padding: 0.6rem 0; border-bottom: 1px solid #e5e7eb; color: #374151; font-size: 15px; line-height: 1.6; display: flex; gap: 10px; align-items: flex-start;\"><span style=\"color: #2d6be4; font-weight: bold; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span> Las herramientas autom\u00e1ticas no detectan si el foco se mueve, por eso hay que probar con teclado.<\/li>\n<li style=\"padding: 0.6rem 0; color: #374151; font-size: 15px; line-height: 1.6; display: flex; gap: 10px; align-items: flex-start;\"><span style=\"color: #2d6be4; font-weight: bold; flex-shrink: 0; margin-top: 2px;\">\u2713<\/span> Landmarks y encabezados complementan los enlaces de salto, pero no los sustituyen para quien usa solo teclado.<\/li>\n<\/ul>\n<\/details>\n\n<h2>\u00bfQu\u00e9 son los enlaces de salto?<\/h2>\n<p>Los enlaces de salto son enlaces internos colocados al principio de una p\u00e1gina web que permiten saltar bloques repetitivos, como la cabecera o el men\u00fa de navegaci\u00f3n, y llegar directamente al contenido principal. Suelen ser el primer elemento que recibe el foco al pulsar la tecla Tab y muchas veces solo se hacen visibles en ese momento.<\/p>\n<p>Sus caracter\u00edsticas b\u00e1sicas son:<\/p>\n<ul>\n<li>Apuntan a un ancla dentro de la misma p\u00e1gina, casi siempre el inicio del contenido principal.<\/li>\n<li>Son el primer elemento enfocable del documento.<\/li>\n<li>Tienen un texto que describe con claridad su destino, como &#8220;Saltar al contenido principal&#8221;.<\/li>\n<li>Pueden estar siempre visibles o aparecer solo cuando reciben el foco del teclado, una soluci\u00f3n habitual para no alterar el dise\u00f1o visual.<\/li>\n<\/ul>\n<p>El problema que resuelven es muy concreto. En la mayor\u00eda de sitios, la cabecera, el buscador y el men\u00fa se repiten en cada p\u00e1gina, y una persona que navega con teclado tiene que recorrer todos esos elementos con Tab antes de llegar a lo que vino a buscar. En un sitio con un men\u00fa de treinta enlaces, eso son treinta pulsaciones por p\u00e1gina, una y otra vez.<\/p>\n<p>Con un enlace de salto, el recorrido se reduce a dos acciones: pulsar Tab para enfocarlo y Enter para activarlo. Es una de las formas m\u00e1s simples de acortar el <a href=\"https:\/\/www.questionpro.com\/blog\/es\/camino-del-usuario-en-un-sitio-web\/\">camino del usuario en un sitio web<\/a>.<\/p>\n<h3>Enlaces de salto, landmarks y encabezados: \u00bfen qu\u00e9 se diferencian?<\/h3>\n<p>Los enlaces de salto no son el \u00fanico mecanismo para evitar contenido repetido. Las regiones sem\u00e1nticas (landmarks) y una buena estructura de encabezados cumplen una funci\u00f3n parecida, aunque cada uno funciona de manera distinta y sirve a perfiles diferentes.<\/p>\n<table style=\"border-collapse: collapse; width: 100%; margin: 1.5rem 0;\">\n<thead>\n<tr>\n<th style=\"background: #1a2b5e; color: #fff; padding: 10px 14px; border: 1px solid #c5cfe8; font-size: 14px; text-align: left;\">Mecanismo<\/th>\n<th style=\"background: #162450; color: #fff; padding: 10px 14px; border: 1px solid #c5cfe8; font-size: 14px; text-align: left;\">C\u00f3mo funciona<\/th>\n<th style=\"background: #1a2b5e; color: #fff; padding: 10px 14px; border: 1px solid #c5cfe8; font-size: 14px; text-align: left;\">A qui\u00e9n ayuda m\u00e1s<\/th>\n<th style=\"background: #162450; color: #fff; padding: 10px 14px; border: 1px solid #c5cfe8; font-size: 14px; text-align: left;\">Limitaci\u00f3n<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"background: #ffffff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Enlace de salto<\/td>\n<td style=\"background: #f0f4ff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Enlace al inicio de la p\u00e1gina que mueve el foco al contenido principal<\/td>\n<td style=\"background: #ffffff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Usuarios de teclado sin lector de pantalla<\/td>\n<td style=\"background: #f0f4ff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Si se implementa mal, el foco no se mueve y el enlace no sirve<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #ffffff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Landmarks (header, nav, main)<\/td>\n<td style=\"background: #f0f4ff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Etiquetas sem\u00e1nticas que el lector de pantalla permite recorrer por regiones<\/td>\n<td style=\"background: #ffffff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Usuarios de lectores de pantalla<\/td>\n<td style=\"background: #f0f4ff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Los navegadores no ofrecen atajos nativos de teclado para saltar entre regiones<\/td>\n<\/tr>\n<tr>\n<td style=\"background: #ffffff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Encabezados (h1 a h6)<\/td>\n<td style=\"background: #f0f4ff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Jerarqu\u00eda de t\u00edtulos que el lector de pantalla permite saltar uno a uno<\/td>\n<td style=\"background: #ffffff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Usuarios de lectores de pantalla que exploran p\u00e1ginas largas<\/td>\n<td style=\"background: #f0f4ff; padding: 9px 14px; border: 1px solid #e5e7eb; font-size: 14px; vertical-align: top;\">Depende de que la estructura de t\u00edtulos sea correcta y coherente<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>La tabla muestra por qu\u00e9 conviene combinarlos en lugar de elegir uno. Los lectores de pantalla ya ofrecen atajos para moverse por encabezados y regiones, de hecho la encuesta de WebAIM a usuarios de lectores de pantalla de 2024 encontr\u00f3 que el 71,6% navega por encabezados cuando quiere orientarse en una p\u00e1gina larga.<\/p>\n<p>Pero una persona que usa solo el teclado, sin lector de pantalla, no tiene esos atajos. Para ella, el enlace de salto sigue siendo la forma m\u00e1s directa de evitar el men\u00fa, y por eso los landmarks y los encabezados lo complementan sin reemplazarlo.<\/p>\n<h2>\u00bfPor qu\u00e9 son importantes para la accesibilidad?<\/h2>\n<p>La primera raz\u00f3n es de escala. La accesibilidad no es una cuesti\u00f3n de nicho, sino de una parte enorme de la poblaci\u00f3n que usa internet todos los d\u00edas.<\/p>\n<div style=\"background: #f8faff; border-left: 5px solid #2D6BE4; border-radius: 0 12px 12px 0; padding: 1.25rem 1.5rem; margin: 1.5rem 0; font-family: Arial,sans-serif;\">\n<p style=\"font-size: 26px; font-weight: 800; color: #1a2b5e; margin: 0 0 6px 0;\">1.300 millones de personas<\/p>\n<p style=\"font-size: 15px; color: #374151; margin: 0 0 8px 0; line-height: 1.5;\">Alrededor del 16% de la poblaci\u00f3n mundial, es decir, una de cada seis personas, vive con una discapacidad importante, y la cifra crece con el envejecimiento de la poblaci\u00f3n.<\/p>\n<p style=\"font-size: 13px; color: #6b7280; margin: 0;\">Fuente: Organizaci\u00f3n Mundial de la Salud, Informe mundial sobre la equidad sanitaria para las personas con discapacidad, 2022<\/p>\n<\/div>\n<p>No todas esas personas navegan con teclado o con lector de pantalla, claro, pero muchas dependen de alguna tecnolog\u00eda de apoyo, y un sitio que las obliga a recorrer decenas de enlaces en cada p\u00e1gina les est\u00e1 poniendo una barrera innecesaria. Para personas con <a href=\"https:\/\/www.questionpro.com\/blog\/es\/encuestas-para-personas-con-discapacidad-visual\/\">discapacidad visual<\/a> o con movilidad reducida, cada pulsaci\u00f3n extra cuesta tiempo y esfuerzo.<\/p>\n<p>La segunda raz\u00f3n es normativa. Las Pautas de Accesibilidad para el Contenido Web (WCAG) incluyen el criterio 2.4.1, conocido en espa\u00f1ol como &#8220;Evitar bloques&#8221;, que exige un mecanismo para saltar el contenido que se repite en varias p\u00e1ginas. Es de nivel A, el m\u00e1s b\u00e1sico, y el W3C reconoce los enlaces de salto como una de las t\u00e9cnicas v\u00e1lidas para cumplirlo.<\/p>\n<p>Ese requisito tiene cada vez m\u00e1s peso legal. En la Uni\u00f3n Europea, la Ley Europea de Accesibilidad es exigible desde el 28 de junio de 2025 para productos y servicios digitales como el comercio electr\u00f3nico o la banca, y en varios pa\u00edses de Am\u00e9rica Latina las normas de accesibilidad web para el sector p\u00fablico toman las WCAG como referencia.<\/p>\n<blockquote style=\"border-left: 4px solid #2D6BE4; margin: 1.5rem 0; padding: 1rem 1.5rem; background: #f8faff; border-radius: 0 8px 8px 0; font-family: Arial,sans-serif;\">\n<p style=\"font-size: 16px; font-style: italic; color: #1a2b5e; margin: 0 0 8px 0; line-height: 1.6;\">&#8220;El poder de la web est\u00e1 en su universalidad. El acceso de todas las personas, independientemente de su discapacidad, es un aspecto esencial.&#8221;<\/p>\n<p><cite style=\"font-size: 13px; color: #6b7280; font-style: normal;\">Tim Berners-Lee, director del W3C e inventor de la World Wide Web, 1997<\/cite><\/p><\/blockquote>\n<p>La frase de Berners-Lee resume la tercera raz\u00f3n, que es la m\u00e1s sencilla: un sitio que no se puede usar con teclado no est\u00e1 terminado. Los enlaces de salto son una de las mejoras de accesibilidad m\u00e1s baratas que existen, ya que bastan unas pocas l\u00edneas de HTML y CSS, y su impacto en la vida diaria de quien los usa es enorme.<\/p>\n<p>Adem\u00e1s, como ocurre con muchas mejoras de accesibilidad, refuerzan la relaci\u00f3n entre <a href=\"https:\/\/www.questionpro.com\/blog\/es\/relacion-entre-el-seo-y-experiencia-de-usuario\/\">SEO y experiencia de usuario<\/a>: una p\u00e1gina con una estructura clara es m\u00e1s f\u00e1cil de recorrer para las personas y m\u00e1s f\u00e1cil de interpretar para los buscadores.<\/p>\n<h2>\u00bfQui\u00e9n se beneficia de los skip links?<\/h2>\n<p>Aunque suelen asociarse solo con personas ciegas, el grupo de beneficiarios es bastante m\u00e1s amplio:<\/p>\n<ul>\n<li>Usuarios de teclado con discapacidad motora, que no pueden usar un rat\u00f3n con precisi\u00f3n y dependen de Tab para todo.<\/li>\n<li>Personas que usan lectores de pantalla como NVDA, JAWS o VoiceOver.<\/li>\n<li>Usuarios de dispositivos de conmutaci\u00f3n (switches) o de control por soplido. Para ellos cada &#8220;pulsaci\u00f3n&#8221; puede requerir un esfuerzo f\u00edsico considerable, as\u00ed que ahorrar treinta pasos por p\u00e1gina cambia por completo la experiencia de navegar.<\/li>\n<li>Personas con baja visi\u00f3n que usan magnificadores de pantalla y pierden el contexto al recorrer men\u00fas largos.<\/li>\n<li>Usuarios con una limitaci\u00f3n temporal, como un brazo enyesado o una tendinitis.<\/li>\n<li>Usuarios avanzados que prefieren el teclado por rapidez.<\/li>\n<\/ul>\n<p>La lista deja claro algo que el buen <a href=\"https:\/\/www.questionpro.com\/blog\/es\/diseno-ux\/\">dise\u00f1o UX<\/a> repite a menudo: lo que se dise\u00f1a para un grupo concreto suele terminar ayudando a muchos m\u00e1s. Un atajo pensado para la accesibilidad acaba mejorando la eficiencia, y con ella la <a href=\"https:\/\/www.questionpro.com\/blog\/es\/satisfaccion-del-usuario\/\">satisfacci\u00f3n del usuario<\/a>, de cualquiera que navegue con teclado.<\/p>\n<h2>\u00bfC\u00f3mo implementar enlaces de salto paso a paso?<\/h2>\n<p>La implementaci\u00f3n es sencilla, aunque tiene detalles que conviene cuidar para que funcione en todos los navegadores y tecnolog\u00edas de apoyo. Antes de tocar el c\u00f3digo, revisa c\u00f3mo est\u00e1n construidas tus plantillas, porque el enlace debe aparecer en todas las p\u00e1ginas y apuntar siempre a un destino que exista.<\/p>\n<p>Estos son los seis pasos que siguen la mayor\u00eda de equipos de desarrollo:<\/p>\n<div style=\"background: #1a2b5e; border-radius: 16px; padding: 2rem; margin: 2rem 0; font-family: Arial,sans-serif;\">\n<p style=\"text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; margin: 0 0 1.5rem 0; letter-spacing: 1px; text-transform: uppercase;\">Implementaci\u00f3n de enlaces de salto<\/p>\n<div style=\"background: #ffffff; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 0.75rem; display: flex; align-items: flex-start; gap: 1rem;\">\n<div style=\"background: #2D6BE4; color: #fff; font-weight: 800; font-size: 16px; min-width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">01<\/div>\n<div>\n<p style=\"margin: 0 0 4px 0; font-weight: bold; color: #111827; font-size: 16px;\">Marcar el contenido principal<\/p>\n<p style=\"margin: 0; color: #6b7280; font-size: 16px; line-height: 1.5;\">Un id en el elemento main que sirva de destino.<\/p>\n<\/div>\n<\/div>\n<div style=\"background: #ffffff; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 0.75rem; display: flex; align-items: flex-start; gap: 1rem;\">\n<div style=\"background: #2D6BE4; color: #fff; font-weight: 800; font-size: 16px; min-width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">02<\/div>\n<div>\n<p style=\"margin: 0 0 4px 0; font-weight: bold; color: #111827; font-size: 16px;\">A\u00f1adir el enlace al inicio del body<\/p>\n<p style=\"margin: 0; color: #6b7280; font-size: 16px; line-height: 1.5;\">Debe ser el primer elemento enfocable de la p\u00e1gina.<\/p>\n<\/div>\n<\/div>\n<div style=\"background: #ffffff; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 0.75rem; display: flex; align-items: flex-start; gap: 1rem;\">\n<div style=\"background: #2D6BE4; color: #fff; font-weight: 800; font-size: 16px; min-width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">03<\/div>\n<div>\n<p style=\"margin: 0 0 4px 0; font-weight: bold; color: #111827; font-size: 16px;\">Ocultarlo solo visualmente<\/p>\n<p style=\"margin: 0; color: #6b7280; font-size: 16px; line-height: 1.5;\">Fuera de la vista, pero accesible para el teclado y el lector de pantalla.<\/p>\n<\/div>\n<\/div>\n<div style=\"background: #ffffff; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 0.75rem; display: flex; align-items: flex-start; gap: 1rem;\">\n<div style=\"background: #2D6BE4; color: #fff; font-weight: 800; font-size: 16px; min-width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">04<\/div>\n<div>\n<p style=\"margin: 0 0 4px 0; font-weight: bold; color: #111827; font-size: 16px;\">Mostrarlo al recibir el foco<\/p>\n<p style=\"margin: 0; color: #6b7280; font-size: 16px; line-height: 1.5;\">Visible, con buen contraste y tama\u00f1o legible.<\/p>\n<\/div>\n<\/div>\n<div style=\"background: #ffffff; border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: 0.75rem; display: flex; align-items: flex-start; gap: 1rem;\">\n<div style=\"background: #2D6BE4; color: #fff; font-weight: 800; font-size: 16px; min-width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">05<\/div>\n<div>\n<p style=\"margin: 0 0 4px 0; font-weight: bold; color: #111827; font-size: 16px;\">A\u00f1adir enlaces extra si hace falta<\/p>\n<p style=\"margin: 0; color: #6b7280; font-size: 16px; line-height: 1.5;\">Solo en p\u00e1ginas complejas, sin convertirlos en otro men\u00fa.<\/p>\n<\/div>\n<\/div>\n<div style=\"background: #ffffff; border-radius: 10px; padding: 1rem 1.25rem; display: flex; align-items: flex-start; gap: 1rem;\">\n<div style=\"background: #2D6BE4; color: #fff; font-weight: 800; font-size: 16px; min-width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">06<\/div>\n<div>\n<p style=\"margin: 0 0 4px 0; font-weight: bold; color: #111827; font-size: 16px;\">Probar en navegadores y dispositivos<\/p>\n<p style=\"margin: 0; color: #6b7280; font-size: 16px; line-height: 1.5;\">Con teclado, con lectores de pantalla y en todas las plantillas.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>Los dos primeros pasos se resuelven con muy poco HTML. El contenido principal recibe un identificador, y el enlace de salto, colocado justo despu\u00e9s de la etiqueta body y antes de la cabecera, apunta a ese identificador:<\/p>\n<pre style=\"background: #f8faff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; overflow-x: auto; font-size: 14px; line-height: 1.5;\"><code>&lt;body&gt;\n  &lt;a class=\"enlace-salto\" href=\"#contenido-principal\"&gt;Saltar al contenido principal&lt;\/a&gt;\n  &lt;header&gt;...&lt;\/header&gt;\n  &lt;nav&gt;...&lt;\/nav&gt;\n  &lt;main id=\"contenido-principal\" tabindex=\"-1\"&gt;\n    ...\n  &lt;\/main&gt;\n&lt;\/body&gt;<\/code><\/pre>\n<p>El atributo tabindex=&#8221;-1&#8243; en el elemento main no lo a\u00f1ade al orden de tabulaci\u00f3n, pero permite que reciba el foco de forma program\u00e1tica. As\u00ed te aseguras de que, al activar el enlace, el foco del teclado se mueva realmente al contenido y no se quede atascado arriba, algo que ocurr\u00eda en algunas versiones de navegadores.<\/p>\n<p>El tercer y el cuarto paso son de CSS. El enlace se saca del \u00e1rea visible mientras no tiene el foco y vuelve a aparecer en cuanto alguien llega a \u00e9l con Tab:<\/p>\n<pre style=\"background: #f8faff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; overflow-x: auto; font-size: 14px; line-height: 1.5;\"><code>.enlace-salto {\n  position: absolute;\n  left: 1rem;\n  top: 1rem;\n  transform: translateY(-200%);\n  background: #1a2b5e;\n  color: #ffffff;\n  padding: 0.75rem 1rem;\n  z-index: 1000;\n}\n.enlace-salto:focus {\n  transform: translateY(0);\n}<\/code><\/pre>\n<p>Lo importante aqu\u00ed es lo que no debes hacer. Ocultar el enlace con display:none o visibility:hidden lo elimina tambi\u00e9n para el teclado y para los lectores de pantalla, de modo que el enlace existe en el c\u00f3digo pero nadie puede usarlo.<\/p>\n<p>En cuanto al quinto paso, algunas p\u00e1ginas justifican m\u00e1s de un enlace de salto. Una aplicaci\u00f3n web con una barra lateral extensa o una tienda con un bloque de filtros muy largo pueden ofrecer &#8220;Saltar a los filtros&#8221; o &#8220;Saltar a los resultados&#8221;, siempre con etiquetas claras. M\u00e1s de dos o tres enlaces, sin embargo, empiezan a funcionar como un segundo men\u00fa y pierden su raz\u00f3n de ser.<\/p>\n<p>El sexto paso, probar, merece su propia secci\u00f3n, porque es donde fallan la mayor\u00eda de implementaciones.<\/p>\n<h2>\u00bfC\u00f3mo probar los enlaces de salto?<\/h2>\n<p>Un enlace de salto que no se prueba es una apuesta. Puede estar en el c\u00f3digo y aun as\u00ed no funcionar, porque otro script captura el foco, porque una plantilla no tiene el destino correcto o porque un banner de cookies aparece antes en el orden de tabulaci\u00f3n.<\/p>\n<h3>Prueba con teclado<\/h3>\n<p>Carga la p\u00e1gina, deja el rat\u00f3n a un lado y pulsa Tab. El enlace de salto debe ser lo primero que recibe el foco y debe verse con claridad. Al pulsar Enter, el siguiente Tab tiene que llevarte al primer elemento interactivo del contenido principal, no al segundo enlace del men\u00fa.<\/p>\n<p>Es una comprobaci\u00f3n de dos minutos que encaja de forma natural en las <a href=\"https:\/\/www.questionpro.com\/blog\/es\/pruebas-de-interfaz-de-usuario\/\">pruebas de interfaz de usuario<\/a> que ya haga tu equipo.<\/p>\n<h3>Prueba con lectores de pantalla<\/h3>\n<p>Repite la prueba con NVDA o JAWS en Windows y con VoiceOver en macOS e iOS. Comprueba que el enlace se anuncia con su texto completo y que, al activarlo, la lectura contin\u00faa desde el contenido principal.<\/p>\n<h3>Prueba en todas las plantillas<\/h3>\n<p>Una p\u00e1gina de inicio puede funcionar perfectamente mientras la ficha de producto o el art\u00edculo de blog apuntan a un identificador que no existe. Revisa al menos una p\u00e1gina de cada tipo de plantilla, e incluye estas comprobaciones en tu proceso de <a href=\"https:\/\/www.questionpro.com\/blog\/es\/qa-testing\/\">QA testing<\/a> para que no se rompan con el siguiente redise\u00f1o.<\/p>\n<h3>Herramientas autom\u00e1ticas y pruebas con usuarios<\/h3>\n<p>Herramientas como WAVE, axe o Lighthouse detectan problemas frecuentes de accesibilidad y son un buen primer filtro. El problema es que solo encuentran lo que se puede medir de forma autom\u00e1tica, y el panorama general sigue siendo preocupante.<\/p>\n<div style=\"background: #f8faff; border-left: 5px solid #2D6BE4; border-radius: 0 12px 12px 0; padding: 1.25rem 1.5rem; margin: 1.5rem 0; font-family: Arial,sans-serif;\">\n<p style=\"font-size: 26px; font-weight: 800; color: #1a2b5e; margin: 0 0 6px 0;\">95,9%<\/p>\n<p style=\"font-size: 15px; color: #374151; margin: 0 0 8px 0; line-height: 1.5;\">Proporci\u00f3n de las p\u00e1ginas de inicio del mill\u00f3n de sitios m\u00e1s visitados que presentan errores de WCAG detectables de forma autom\u00e1tica, con una media de 56,1 errores por p\u00e1gina. La cifra empeor\u00f3 respecto al 94,8% de 2025.<\/p>\n<p style=\"font-size: 13px; color: #6b7280; margin: 0;\">Fuente: WebAIM, The WebAIM Million, 2026<\/p>\n<\/div>\n<p>Y esos son solo los errores que una herramienta puede detectar. Si un enlace de salto existe pero el foco no se mueve, la herramienta probablemente no lo marcar\u00e1, porque comprobarlo exige recorrer la p\u00e1gina como lo har\u00eda una persona.<\/p>\n<p>Por eso las <a href=\"https:\/\/www.questionpro.com\/blog\/es\/pruebas-de-usabilidad\/\">pruebas de usabilidad<\/a> con usuarios reales son insustituibles. Si ya trabajas con una plataforma de investigaci\u00f3n como QuestionPro UX, puedes incluir tareas de navegaci\u00f3n con teclado en <a href=\"https:\/\/www.questionpro.com\/blog\/es\/diferencia-entre-pruebas-moderadas-y-no-moderadas\/\">sesiones moderadas o no moderadas<\/a> y observar en video d\u00f3nde se atascan los participantes, algo que ning\u00fan esc\u00e1ner autom\u00e1tico puede ver.<\/p>\n<h2>Buenas pr\u00e1cticas para crear skip links eficaces<\/h2>\n<p>M\u00e1s all\u00e1 de que funcionen, hay detalles que separan un enlace de salto correcto de uno realmente \u00fatil:<\/p>\n<ul>\n<li>Col\u00f3calo siempre como primer elemento enfocable, por delante de banners, avisos de cookies y logotipos enlazados.<\/li>\n<li>Usa un texto descriptivo y en el idioma de la p\u00e1gina: &#8220;Saltar al contenido principal&#8221; es m\u00e1s claro que &#8220;Saltar&#8221; o &#8220;Ir abajo&#8221;.<\/li>\n<li>Haz que sea visible al recibir el foco, con un contraste suficiente y un tama\u00f1o que se lea sin esfuerzo. Un enlace que aparece en gris claro sobre blanco durante medio segundo cumple en el papel, pero no ayuda a nadie.<\/li>\n<li>Mant\u00e9n la misma ubicaci\u00f3n y el mismo texto en todo el sitio.<\/li>\n<li>Comprueba que el destino existe en cada plantilla.<\/li>\n<li>Comb\u00ednalo con landmarks y una jerarqu\u00eda de encabezados correcta, en lugar de usarlo como sustituto de una buena estructura.<\/li>\n<li>Valora dejarlo siempre visible en sitios con mucho tr\u00e1fico de usuarios de teclado, como portales gubernamentales o educativos.<\/li>\n<\/ul>\n<p>Si tuvieras que quedarte con una sola idea, que sea la del destino y el foco. La mayor\u00eda de enlaces de salto que fallan lo hacen porque apuntan a un ancla inexistente o porque el foco no se mueve, y ambas cosas se detectan en cinco minutos de prueba con teclado.<\/p>\n<h2>Errores comunes y c\u00f3mo evitarlos<\/h2>\n<p>Estos son los fallos que aparecen una y otra vez en las auditor\u00edas de accesibilidad, y casi todos tienen una soluci\u00f3n sencilla:<\/p>\n<ul>\n<li>Ocultar el enlace con display:none, lo que lo hace inaccesible para todos.<\/li>\n<li>Que el enlace nunca se vea, ni siquiera al recibir el foco. Una persona con visi\u00f3n que navega con teclado no sabe que existe ni a d\u00f3nde la llevar\u00e1.<\/li>\n<li>Un destino sin foco, que hace que la p\u00e1gina se desplace visualmente pero el siguiente Tab regrese al men\u00fa.<\/li>\n<li>Banners de cookies o chats emergentes que se interponen antes del enlace en el orden de tabulaci\u00f3n.<\/li>\n<li>Aplicaciones de una sola p\u00e1gina (SPA) cuyo sistema de rutas interpreta el ancla como un cambio de p\u00e1gina y rompe el salto. En estos casos conviene mover el foco con JavaScript en lugar de depender solo del enlace con almohadilla.<\/li>\n<li>Demasiados enlaces de salto, que alargan el recorrido en lugar de acortarlo.<\/li>\n<\/ul>\n<p>Ninguno de estos errores es dif\u00edcil de corregir. El problema es que son invisibles para quien navega con rat\u00f3n, y por eso pueden pasar a\u00f1os en producci\u00f3n si nadie en el equipo prueba el sitio con teclado. Incluir la navegaci\u00f3n con teclado cada vez que eval\u00faes la <a href=\"https:\/\/www.questionpro.com\/blog\/es\/como-averiguar-el-grado-de-usabilidad-de-un-sitio-web\/\">usabilidad de un sitio web<\/a> es la forma m\u00e1s sencilla de evitarlo.<\/p>\n<h2>Ejemplos de enlaces de salto por tipo de sitio<\/h2>\n<p>La t\u00e9cnica es la misma en todos los casos, pero cada tipo de sitio tiene necesidades particulares.<\/p>\n<p>En los medios de comunicaci\u00f3n, los men\u00fas suelen ser enormes, con decenas de secciones, temas del d\u00eda y enlaces a redes. Un \u00fanico enlace &#8220;Saltar a la noticia&#8221; ahorra un recorrido muy largo en cada art\u00edculo, que es justo donde el lector pasa m\u00e1s tiempo.<\/p>\n<p>Las tiendas en l\u00ednea a\u00f1aden otro bloque repetitivo: los filtros. En las p\u00e1ginas de categor\u00eda tiene sentido ofrecer dos enlaces, uno para saltar a los filtros y otro directamente a los resultados, de manera que quien ya sabe lo que busca no tenga que atravesar veinte casillas de talla y color.<\/p>\n<p>En los sitios gubernamentales, el enlace de salto suele formar parte de los requisitos de accesibilidad que exigen las normativas nacionales. Muchos lo dejan siempre visible en la parte superior.<\/p>\n<p>Las aplicaciones web y herramientas SaaS, por \u00faltimo, combinan una barra lateral fija con una zona de trabajo central. Adem\u00e1s del enlace al contenido principal, puede ser \u00fatil uno que lleve a la navegaci\u00f3n lateral, y en las aplicaciones de una sola p\u00e1gina, gestionar el foco cada vez que cambia la vista, ya que el usuario no recibe una p\u00e1gina nueva.<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Los enlaces de salto son una de esas mejoras peque\u00f1as que dicen mucho de un sitio. Se implementan con unas pocas l\u00edneas de c\u00f3digo, ayudan a cumplir un requisito b\u00e1sico de las WCAG y ahorran a miles de personas un esfuerzo repetitivo en cada p\u00e1gina que visitan.<\/p>\n<p>La clave est\u00e1 en no darlos por hechos: comprobar que son el primer elemento enfocable, que se ven al recibir el foco, que mueven el foco al destino correcto y que funcionan en todas las plantillas. Y, sobre todo, incluir la navegaci\u00f3n con teclado en tu <a href=\"https:\/\/www.questionpro.com\/blog\/es\/plan-de-pruebas-de-usabilidad\/\">plan de pruebas de usabilidad<\/a>, porque la accesibilidad se valida navegando, no solo leyendo el c\u00f3digo.<\/p>\n<p><a href=\"https:\/\/www.questionpro.com\/es\/ux\/\">QuestionPro UX<\/a> te permite realizar entrevistas y pruebas moderadas o no moderadas en video, en m\u00e1s de 50 idiomas, y analizar los resultados con IA para detectar barreras que los informes autom\u00e1ticos no muestran.<\/p>\n\n\t<div class=\"banner-section wf-section\" lang=\"\" >\n\t\t<div class=\"right-column-container\">\n\t\t\t<div class=\"bannerbg white\">\n\t\t\t\t<span class=\"h1-2\">Cree experiencias memorables basadas en datos en tiempo real, conocimientos y an\u00e1lisis avanzados<\/span>\n\t\t\t\t<a href=\"#userliteForm\" data-toggle=\"modal\" class=\"button w-button\">Agendar demo<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"userlite-modal modal fade\" id=\"userliteForm\" tabindex=\"-1\" role=\"dialog\" style=\"display: none;\">\n\t\t<div class=\"modal-dialog\" role=\"document\">\n\t\t\t<div class=\"modal-content\" role=\"document\">\n\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n\t\t\t\t\t\t\t<i class=\"material-icons\">close<\/i>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"contact-us-form-wrapper contact-box\">\n\t\t\t\t\t\t<div class=\"userlite-form-wrapper\">\n\t\t\t\t\t\t\t<iframe src=\"https:\/\/www.questionpro.com\/userlite-form-blog-spanish.html?product=Surveys&amp;referralurl=https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/posts\/1119907\/&amp;lang=es&amp;cat=ux-es\" style=\"display: block;\" ><\/iframe>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"demo-form-wrapper success-message-div\" style=\"display:none\">\n\t\t\t\t\t\t\t<p class=\"success-message-para\"><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<h2>Preguntas frecuentes sobre los enlaces de salto<\/h2>\n<div class=\"schema-faq wp-block-yoast-faq-block\">\n<div class=\"schema-faq-section\"><strong class=\"schema-faq-question\">\u00bfLos enlaces de salto son obligatorios seg\u00fan las WCAG?<\/strong><\/p>\n<p class=\"schema-faq-answer\">No de forma literal. El criterio 2.4.1 de las WCAG, de nivel A, exige un mecanismo para evitar los bloques de contenido repetidos, y los enlaces de salto son una de las t\u00e9cnicas aceptadas junto con los landmarks y los encabezados. En la pr\u00e1ctica son la opci\u00f3n m\u00e1s fiable para quienes navegan solo con teclado.<\/p>\n<\/div>\n<div class=\"schema-faq-section\"><strong class=\"schema-faq-question\">\u00bfLos enlaces de salto deben estar siempre visibles?<\/strong><\/p>\n<p class=\"schema-faq-answer\">No necesariamente. Lo habitual es ocultarlos visualmente y mostrarlos en cuanto reciben el foco del teclado, lo que cumple las pautas sin alterar el dise\u00f1o. Lo que nunca debe ocurrir es que permanezcan invisibles al enfocarlos, porque las personas que ven la pantalla y usan teclado no sabr\u00edan que existen.<\/p>\n<\/div>\n<div class=\"schema-faq-section\"><strong class=\"schema-faq-question\">\u00bfLos enlaces de salto afectan al SEO?<\/strong><\/p>\n<p class=\"schema-faq-answer\">No perjudican el posicionamiento, ya que son enlaces internos a la misma p\u00e1gina y los buscadores los entienden como parte de una estructura accesible. Su efecto es indirecto: contribuyen a un sitio m\u00e1s usable y accesible, algo que encaja con la importancia que los buscadores dan a la experiencia de usuario.<\/p>\n<\/div>\n<div class=\"schema-faq-section\"><strong class=\"schema-faq-question\">\u00bfQu\u00e9 texto debe tener un enlace de salto?<\/strong><\/p>\n<p class=\"schema-faq-answer\">Un texto breve que describa el destino, como &#8220;Saltar al contenido principal&#8221; o &#8220;Ir al contenido&#8221;. Debe estar en el mismo idioma que la p\u00e1gina y ser id\u00e9ntico en todo el sitio. Evita textos ambiguos como &#8220;Saltar&#8221; o &#8220;Clic aqu\u00ed&#8221;, que no indican a d\u00f3nde lleva el enlace.<\/p>\n<\/div>\n<div class=\"schema-faq-section\"><strong class=\"schema-faq-question\">\u00bfC\u00f3mo saber si mi sitio tiene enlaces de salto?<\/strong><\/p>\n<p class=\"schema-faq-answer\">Abre cualquier p\u00e1gina, haz clic en la barra de direcciones y pulsa la tecla Tab. Si tu sitio tiene un enlace de salto, deber\u00eda aparecer como primer elemento enfocado. Pulsa Enter y vuelve a pulsar Tab para confirmar que el foco salta al contenido principal y no regresa al men\u00fa.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Los enlaces de salto llevan directo al contenido principal con teclado o lector de pantalla. Aprende a implementarlos, probarlos y evitar errores.<\/p>\n","protected":false},"author":38,"featured_media":1119908,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"Enlaces de salto","_yoast_wpseo_title":"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos","_yoast_wpseo_metadesc":"Descubre qu\u00e9 son los enlaces de salto (skip links), por qu\u00e9 mejoran la accesibilidad web y c\u00f3mo implementarlos en tu sitio paso a paso.","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2988],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos<\/title>\n<meta name=\"description\" content=\"Descubre qu\u00e9 son los enlaces de salto (skip links), por qu\u00e9 mejoran la accesibilidad web y c\u00f3mo implementarlos en tu sitio paso a paso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos\" \/>\n<meta property=\"og:description\" content=\"Descubre qu\u00e9 son los enlaces de salto (skip links), por qu\u00e9 mejoran la accesibilidad web y c\u00f3mo implementarlos en tu sitio paso a paso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/\" \/>\n<meta property=\"og:site_name\" content=\"QuestionPro\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/questionpro\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-20T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T16:53:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2026\/10\/cover-enlaces-de-salto-skip-links-que-son-y-como-impl.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1255\" \/>\n\t<meta property=\"og:image:height\" content=\"705\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aldrin Vel\u00e1zquez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@questionpro\" \/>\n<meta name=\"twitter:site\" content=\"@questionpro\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aldrin Vel\u00e1zquez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/\"},\"author\":{\"name\":\"Aldrin Vel\u00e1zquez\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/person\/d35da30d2998411aa82b89c6e7dea405\"},\"headline\":\"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos\",\"datePublished\":\"2026-10-20T14:00:00+00:00\",\"dateModified\":\"2026-10-12T16:53:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/\"},\"wordCount\":3421,\"publisher\":{\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#organization\"},\"articleSection\":[\"UX\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/\",\"url\":\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/\",\"name\":\"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos\",\"isPartOf\":{\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#website\"},\"datePublished\":\"2026-10-20T14:00:00+00:00\",\"dateModified\":\"2026-10-12T16:53:54+00:00\",\"description\":\"Descubre qu\u00e9 son los enlaces de salto (skip links), por qu\u00e9 mejoran la accesibilidad web y c\u00f3mo implementarlos en tu sitio paso a paso.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.questionpro.com\/blog\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX\",\"item\":\"https:\/\/www.questionpro.com\/blog\/es\/category\/ux-es\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#website\",\"url\":\"https:\/\/www.questionpro.com\/blog\/es\/\",\"name\":\"QuestionPro\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.questionpro.com\/blog\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#organization\",\"name\":\"QuestionPro\",\"url\":\"https:\/\/www.questionpro.com\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2022\/10\/questionpro-logo.svg\",\"contentUrl\":\"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2022\/10\/questionpro-logo.svg\",\"caption\":\"QuestionPro\"},\"image\":{\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/questionpro\",\"https:\/\/twitter.com\/questionpro\",\"https:\/\/www.linkedin.com\/company\/questionpro\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/person\/d35da30d2998411aa82b89c6e7dea405\",\"name\":\"Aldrin Vel\u00e1zquez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/15cd4f50090bad0d98024fdf261d7d4a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/15cd4f50090bad0d98024fdf261d7d4a?s=96&d=mm&r=g\",\"caption\":\"Aldrin Vel\u00e1zquez\"},\"description\":\"Head of SEO at QuestionPro. Content Creator, Digital Marketing and SEO Specialist focusing on Organic Business Growth.\",\"url\":\"https:\/\/www.questionpro.com\/blog\/es\/author\/aldrinvelazquez\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos","description":"Descubre qu\u00e9 son los enlaces de salto (skip links), por qu\u00e9 mejoran la accesibilidad web y c\u00f3mo implementarlos en tu sitio paso a paso.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/","og_locale":"es_ES","og_type":"article","og_title":"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos","og_description":"Descubre qu\u00e9 son los enlaces de salto (skip links), por qu\u00e9 mejoran la accesibilidad web y c\u00f3mo implementarlos en tu sitio paso a paso.","og_url":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/","og_site_name":"QuestionPro","article_publisher":"https:\/\/www.facebook.com\/questionpro","article_published_time":"2026-10-20T14:00:00+00:00","article_modified_time":"2026-10-12T16:53:54+00:00","og_image":[{"width":1255,"height":705,"url":"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2026\/10\/cover-enlaces-de-salto-skip-links-que-son-y-como-impl.jpg","type":"image\/jpeg"}],"author":"Aldrin Vel\u00e1zquez","twitter_card":"summary_large_image","twitter_creator":"@questionpro","twitter_site":"@questionpro","twitter_misc":{"Written by":"Aldrin Vel\u00e1zquez","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/#article","isPartOf":{"@id":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/"},"author":{"name":"Aldrin Vel\u00e1zquez","@id":"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/person\/d35da30d2998411aa82b89c6e7dea405"},"headline":"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos","datePublished":"2026-10-20T14:00:00+00:00","dateModified":"2026-10-12T16:53:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/"},"wordCount":3421,"publisher":{"@id":"https:\/\/www.questionpro.com\/blog\/es\/#organization"},"articleSection":["UX"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/","url":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/","name":"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos","isPartOf":{"@id":"https:\/\/www.questionpro.com\/blog\/es\/#website"},"datePublished":"2026-10-20T14:00:00+00:00","dateModified":"2026-10-12T16:53:54+00:00","description":"Descubre qu\u00e9 son los enlaces de salto (skip links), por qu\u00e9 mejoran la accesibilidad web y c\u00f3mo implementarlos en tu sitio paso a paso.","breadcrumb":{"@id":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.questionpro.com\/blog\/es\/enlaces-de-salto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.questionpro.com\/blog\/es\/"},{"@type":"ListItem","position":2,"name":"UX","item":"https:\/\/www.questionpro.com\/blog\/es\/category\/ux-es\/"},{"@type":"ListItem","position":3,"name":"Enlaces de salto (skip links): qu\u00e9 son y c\u00f3mo implementarlos"}]},{"@type":"WebSite","@id":"https:\/\/www.questionpro.com\/blog\/es\/#website","url":"https:\/\/www.questionpro.com\/blog\/es\/","name":"QuestionPro","description":"","publisher":{"@id":"https:\/\/www.questionpro.com\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.questionpro.com\/blog\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.questionpro.com\/blog\/es\/#organization","name":"QuestionPro","url":"https:\/\/www.questionpro.com\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2022\/10\/questionpro-logo.svg","contentUrl":"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2022\/10\/questionpro-logo.svg","caption":"QuestionPro"},"image":{"@id":"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/questionpro","https:\/\/twitter.com\/questionpro","https:\/\/www.linkedin.com\/company\/questionpro\/"]},{"@type":"Person","@id":"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/person\/d35da30d2998411aa82b89c6e7dea405","name":"Aldrin Vel\u00e1zquez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.questionpro.com\/blog\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/15cd4f50090bad0d98024fdf261d7d4a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/15cd4f50090bad0d98024fdf261d7d4a?s=96&d=mm&r=g","caption":"Aldrin Vel\u00e1zquez"},"description":"Head of SEO at QuestionPro. Content Creator, Digital Marketing and SEO Specialist focusing on Organic Business Growth.","url":"https:\/\/www.questionpro.com\/blog\/es\/author\/aldrinvelazquez\/"}]}},"featured_image_src":"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2026\/10\/cover-enlaces-de-salto-skip-links-que-son-y-como-impl-600x400.jpg","featured_image_src_square":"https:\/\/www.questionpro.com\/blog\/wp-content\/uploads\/2026\/10\/cover-enlaces-de-salto-skip-links-que-son-y-como-impl-600x600.jpg","author_info":{"display_name":"Aldrin Vel\u00e1zquez","author_link":"https:\/\/www.questionpro.com\/blog\/es\/author\/aldrinvelazquez\/"},"_links":{"self":[{"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/posts\/1119907"}],"collection":[{"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=1119907"}],"version-history":[{"count":2,"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/posts\/1119907\/revisions"}],"predecessor-version":[{"id":1120084,"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/posts\/1119907\/revisions\/1120084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/media\/1119908"}],"wp:attachment":[{"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=1119907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=1119907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.questionpro.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=1119907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}