Saltar enlaces y puntos de referencia semánticos
El teclado salta directamente al contenido principal, sin tener que navegar por el menú de navegación ni el encabezado.
¿Qué significa "Enlaces de salto y puntos de referencia semánticos"?
Los enlaces de salto son enlaces invisibles en la parte superior de la página que se vuelven visibles cuando se abre la primera pestaña del teclado, lo que permite a los usuarios de teclado saltar directamente al contenido principal, omitiendo la navegación, los encabezados y los anuncios. Puntos de referencia semánticos (, , ) proporcionan a los lectores de pantalla un mapa de la página, de modo que los usuarios puedan cambiar entre áreas utilizando un atajo.
Obligación y beneficio — WCAG 2.4.1.
WCAG 2.4.1 (Bloques de omisión) Requiere que se puedan omitir los bloques de contenido recurrentes; esto no es un extra, sino un requisito fundamental. Sin un enlace para omitir el contenido, un usuario de teclado tiene que navegar por decenas de elementos del menú en cada subpágina antes de llegar al contenido real. Lo mismo ocurre con los usuarios de lectores de pantalla: escuchan toda la navegación en voz alta.
Cómo lo resolveremos específicamente.
- Primer elemento enfocable en cada página:
<a class="skip-link" href="#main">Saltar al contenido principal</a>. - CSS oculta visualmente el enlace (posicionado negativamente), cuando
:enfocarSe hace visible, con contraste AAA. - Puntos de referencia estructurales utilizados correctamente: a
, apor página.-elementos conaria-labelpara evitar ambigüedades (por ejemplo, „navegación principal", „migas de pan"). - Validación en el árbol de accesibilidad de las herramientas para desarrolladores del navegador y con lectores de pantalla (VoiceOver / NVDA).
Componentes básicos relacionados de nuestro conjunto de módulos
-
Formularios accesibles
WCAG 3.3.1Etiquetas claras, manejo programático de errores, validación: sin burbujas en el navegador, sin "por favor, rellene".
-
Indicador de enfoque visible
WCAG 2.4.11Los usuarios que navegan mediante pestañas siempre saben dónde están. No hay contorno que desaparezca.
-
Lenguaje sencillo (con soporte de IA)
WCAG 3.1.5Contenido simplificado con solo pulsar un botón: para personas con dificultades de lectura, estudiantes de idiomas y personas con prisa.
-
Navegación completa con teclado
WCAG 2.1.1Todas las funciones son accesibles sin necesidad de ratón. Imprescindible para usuarios de lectores de pantalla, útil para todos los demás.
¿Necesitas este módulo en concreto?
Consulta inicial de 15 minutos: aclararemos si es relevante para su sitio web.
Más información:
Descripción general de BFSG ·
Descripción general del rendimiento ·
Financiación de BAFA ·
Preguntas frecuentes
