Navegación completa con teclado
Todas las funciones son accesibles sin necesidad de ratón. Imprescindible para usuarios de lectores de pantalla, útil para todos los demás.
¿Qué significa "Navegación completa con teclado"?
La navegación mediante teclado significa: todas las funciones interactivas de un sitio web son accesibles con pestaña, Ingresar, Espacio, teclas de flecha y Esc Funcional. Sin dependencias del ratón, sin funciones que solo funcionen al pasar el ratón por encima o al hacer clic. Se permiten efectos al pasar el ratón por encima, pero no deben ser la única forma de interacción.
Obligación y beneficio — WCAG 2.1.1.
WCAG 2.1.1 (Teclado) El nivel de accesibilidad A es obligatorio: sin entrada de teclado, un sitio web resulta inutilizable para usuarios de lectores de pantalla, personas con discapacidades motoras y usuarios avanzados. Además: 2.1.2 (Sin trampa de teclado) — Es necesario recuperar la atención en todas las áreas. Los carruseles, las ventanas modales y los menús desplegables personalizados son los errores más comunes.
Cómo lo resolveremos específicamente.
- Todos los botones son
o<a href="/es/…/">(no<div onclick>). - El orden de tabulación corresponde al orden de lectura, no es arbitrario.
tabindex. - Carruseles: Teclas de flecha + ESC Pausa; Modales: Trampa de enfoque con ESC Cerrar + Retorno de enfoque.
- Los menús desplegables se activan mediante un clic con el teclado.
- Prueba de funcionamiento del teclado antes de cada lanzamiento; consulte la lista de verificación.
Componentes básicos relacionados de nuestro conjunto de módulos
-
Contrastes AAA, probados por componente
WCAG 1.4.6≥ 7:1 para texto, ≥ 4,5:1 para fuente grande — probado por componente, no por muestra de página.
-
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.
-
Generador de texto alternativo con IA
WCAG 1.1.1Se acabaron las "imágenes sin descripción". La IA proporciona el primer borrador y el equipo editorial lo perfecciona.
-
Jefe de Higiene y Estructura
WCAG 1.3.1Estructura limpia para lectores de pantalla y motores de búsqueda: un encabezado H1 por página, sin saltos.
¿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