Navegación completa con teclado
Jede Funktion ist erreichbar ohne Maus. Das ist wichtig für Nutzer von Bildschirmlesegeräten. Es hilft auch allen anderen.
¿Qué significa "Navegación completa con teclado"?
Tastatur-Navigation bedeutet: Man kann jede Funktion auf einer Website mit bestimmten Tasten bedienen. Dazu gehören Tab, Enter, Space, Pfeiltasten und Esc. Keine Maus ist nötig. Funktionen dürfen nicht nur mit Maus funktionieren. Effekte, die nur beim Drübergehen mit der Maus sichtbar sind, dürfen nicht die einzige Möglichkeit der Bedienung sein.
Obligación y beneficio — WCAG 2.1.1.
Die Regel WCAG 2.1.1 (Keyboard) ist eine Pflicht. Ohne Tastatur-Bedienung kann eine Seite nicht von Bildschirmlesegeräten oder Personen mit Bewegungseinschränkungen benutzt werden. Auch erfahrene Nutzer brauchen das. Zusätzlich gilt Regel 2.1.2 (No Keyboard Trap). Der Fokus muss immer wieder aus jedem Bereich herauskommen. Karussells, Modals und spezielle Dropdowns sind die häufigsten Probleme.
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?
15 Minuten für ein erstes Gespräch. Wir klären, ob das für Ihre Seite wichtig ist. Weitere Infos: Übersicht zur Barrierefreiheit, unser Leistungsangebot, BAFA-Förderung und häufig gestellte Fragen.
