Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung
Accesibilidad
¿Cuándo es un sitio web totalmente operable con el teclado?
Nivel A (2.1.1) requiere el funcionamiento del teclado para todas las funciones, pero deja una excepción: si la entrada depende del camino del movimiento, como cuando se dibuja libremente, puede ser reservado para el ratón. El criterio de nivel AAA 2.1.3 elimina esta exención. Cada función es accesible con el teclado, incluyendo el dibujo, moviéndose en un mapa y jugando el juego.
Lo que el Criterio requiere
Todas las funciones de la página se pueden ejecutar a través del teclado sin que sea necesaria una secuencia de tiempo determinada de pulsaciones. Para tareas que funcionan naturalmente con el movimiento, esto significa: construir un marco de teclado equivalente. Una herramienta de dibujo recibe campos de entrada para coordenadas o teclas de flecha para los puntos de ajuste; un mapa se puede mover con teclas de flecha y zoom con plus y menos; Un juego de clasificación consigue atajos de teclado para grabar y soltar.
Para quien esto cuenta
Las personas que no pueden guiar un ratón porque las manos están temblando, falta energía o la visión no encuentra el trabajo puntero exclusivamente con teclados, interruptores o controles de voz que replican la entrada del teclado. Para ellos, una función sin una ruta de teclado simplemente no existe. La excepción Nivel A afecta a pocos elementos, pero a menudo son los más valiosos: la tarjeta interactiva, el bloque de firma, el editor.
Así es como nos ocupamos de ello
El núcleo de medición comprueba el funcionamiento del teclado del nivel A: orden de enfoque, elementos alcanzables, trampas de enfoque. Si una función de movimiento tiene una ruta de teclado equivalente, decide un probador en la pantalla. El criterio pertenece a la categoría AAA en conocimiento; en el informe, las zonas de movimiento aparecen como una indicación de verificación.
Ejemplos
Tarjeta móvil sólo con el ratón
<div id="karte" class="ziehbar"></div><div id="karte" tabindex="0" role="application" aria-label="Karte, Pfeiltasten verschieben, Plus und Minus zoomen"></div>
<script>
karte.addEventListener("keydown", (e) => {
if (e.key === "ArrowLeft") verschiebe(-50, 0);
if (e.key === "+") zoom(1);
});
</script>Sin la excepción del nivel A, una función de movimiento también necesita una ruta de teclado equivalente.
- Listar todas las funciones que sólo van con el ratón hoy: dibujar, arrastrar, tarjetas, deslizador, firma.
- Construir una ruta de teclado para cada función: teclas de flecha para el movimiento, campos de entrada para valores, atajos clave para grabar y soltar.
- Explique la asignación clave visiblemente al lado del artículo, no sólo en el texto de ayuda.
- Guardar el ratón y trabajar durante una hora con el teclado a través de la página.
