Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung
Accesibilidad
¿Por qué debe trabajar el ratón, el dedo, el lápiz y el teclado al mismo tiempo?
Algunos sitios deciden al cargar si un dispositivo tiene contacto, y luego apagar el control del ratón, o viceversa. Una tableta con teclado, un portátil con pantalla táctil, una persona que cambia entre el lápiz y el control de voz: Para ellos, la operación se rompe. Criterio 2.5.6 de Nivel AAA requiere que un sitio web no excluya ningún tipo de entrada y permita cambiar en cualquier momento.
Lo que el Criterio requiere
El sitio no limita la operación a un tipo de entrada, a menos que la restricción sea necesaria para la seguridad o elegida por el visitante. Ratón, tacto, bolígrafo, teclado y tecnología auxiliar que simula trabajar lado a lado y alternativamente. Las violaciones son casi siempre causadas por scripts: una detección de “touch device” al cargar, que apaga los menús de hover; Manejo de eventos sólo para eventos táctiles sin clic; Cierre el teclado en un widget porque “aquí opera con el dedo”.
Para quien esto cuenta
Las personas con discapacidad motora a menudo cambian el tipo de entrada por tarea: teclado para escribir, tocar para navegar, control de voz para comandos. Las personas con interruptores o ratón de cabeza trabajan con la tecnología auxiliar, que informa como un ratón, a veces como un teclado. Cualquiera que cierre un tipo de entrada lo bloquea. Por cierto, afecta a cualquier persona con un portátil que tenga pantalla táctil y trackpad.
Así es como nos ocupamos de ello
La medida encuentra scripts ramificando para tocar la detección y elementos con el manejo de eventos sólo para un tipo de entrada, y los muestra como una indicación. Si el cambio de tipos de entrada funciona, una persona verifica con un dispositivo que tiene varios. El criterio pertenece a la categoría AAA en conocimiento.
Ejemplos
El reconocimiento táctil apaga el ratón
if ("ontouchstart" in window) {
document.body.classList.add("touch"); // Hover-Menüs aus, Maus-Ereignisse ignoriert
}element.addEventListener("pointerdown", start);
element.addEventListener("pointerup", ende);
element.addEventListener("click", ausloesen);
// keine Verzweigung nach Gerät: jede Eingabe, die kommt, wird verarbeitetUn portátil con pantalla táctil y una persona con control de voz cambian el tipo de entrada en cualquier momento.
- Utilice los eventos punteros (punterdown, pointerup, click) en lugar de eventos separados del ratón y el tacto.
- Nunca ramifique a “Touch Device” o “Desktop” al cargar; responda a la entrada que viene.
- Asegúrese de que cada gesto táctil también va por clic y teclado (criterio 2.5.1).
- Prueba en un portátil con pantalla táctil: ratón, dedo, teclado alternativamente en la misma página.
