Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Qué es un enlace de salto y para qué sirve?
Un enlace de salto — en inglés "Skip-Link" — generalmente es el primer enlace de una página y conduce directamente al contenido principal. Ahorra a usuarios de teclado tener que tabular a través del menú completo en cada vista de página: con una navegación con muchas entradas son docenas de pulsaciones de tecla antes de que comience el contenido real — en cada subpágina de nuevo. El criterio WCAG 2.4.1 requiere tal atajo.
Así funciona un enlace de salto
El enlace de salto está como el primer elemento enfocable en el código fuente y lleva un texto como "Saltar al contenido". Para usuarios de ratón permanece invisible; solo cuando la tecla Tab lo alcanza se muestra. Una pulsación Intro establece el enfoque directamente después del encabezado y el menú al inicio del contenido principal. Los lectores de pantalla se benefician doble: no tienen que leer la navegación siempre igual en cada página de nuevo. Una técnica alternativa reconocida son marcas de región en el código fuente, en particular una marca principal designada — muchos lectores de pantalla saltan directamente a regiones. El enlace de salto clásico además ayuda también a usuarios de teclado videntes sin lector de pantalla.
Así el servicio de comprobación verifica el enlace de salto
El servicio de comprobación examina los primeros tres elementos enfocables de la página: si uno de ellos lleva un texto de enlace de salto como "al contenido", el criterio se considera aprobado — una evidencia real. Falta el enlace de salto, pero el contenido principal está designado como región principal en el código, es una técnica alternativa plausible; el informe lo anota como punto de prueba manual, porque si la estructura de región realmente funciona lo decide un humano. Faltan ambos, el criterio se considera violado. Así el informe distingue claramente entre atajo probado, alternativa plausible y brecha real.
Beispiele
Kein Weg am Menü vorbei
<body>
<nav>… 40 Menüpunkte …</nav>
<div class="inhalt">…</div>
</body><body>
<a href="#inhalt" class="sprunglink">Zum Inhalt springen</a>
<nav aria-label="Hauptmenü">… 40 Menüpunkte …</nav>
<main id="inhalt">…</main>
</body>Der Sprunglink ist das erste fokussierbare Element und wird sichtbar, sobald er den Fokus hat. Die Landmarke main hilft zusätzlich.
- Presione la tecla de tabulación una vez en su página de inicio: si aparece un enlace "Ir al contenido", el atajo está presente.
- Pida a su agencia que coloque el enlace de salto como el primer elemento enfocable e que se muestre solo cuando recibe el foco.
- Marque también el contenido principal como una región principal en el código fuente: los lectores de pantalla pueden saltar entre regiones directamente.
- Verifique que el destino del salto sea correcto: después del salto, el siguiente tabulador debe aterrizaren el contenido principal, no en el menú nuevamente.