Compatibilidad con teclado

Silktide encuentra partes de tus páginas que responden a un ratón o a una pantalla táctil —clic, pasar el cursor, arrastrar—, pero que pueden no funcionar para alguien que solo usa el teclado. Todo lo que una persona visitante pueda hacer con el ratón también debería ser posible con el teclado.

Por qué es importante

Muchas personas no pueden usar un ratón o una pantalla táctil: personas con discapacidades motoras, personas con temblores y usuarios ciegos, cuyos controlan la página mediante el teclado. Para todas ellas, la funcionalidad que solo responde a un puntero simplemente no está disponible. La operabilidad mediante teclado es el criterio de éxito 2.1.1 de las , un requisito de nivel A —el nivel más básico del estándar—.

Cómo solucionarlo

Prefiere los elementos nativos de —enlaces, botones y controles de formulario—, que son operables con el teclado por defecto:

<!-- Solo funciona con ratón: no es enfocable, solo doble clic -->
<div ondblclick="location.href='\/new-page'">Haz doble clic en mí</div>

<!-- Corregido: un enlace funciona para todo el mundo -->
<a href="\/new-page">Ir a la página</a>

Cuando una interacción personalizada sea inevitable, añade un equivalente de teclado: haz que el elemento sea enfocable (tabindex="0") y gestiona los eventos de teclado junto con los eventos de ratón.
Las interacciones solo al pasar el cursor (hover), como la información emergente (tooltips) y los menús desplegables, requieren especial cuidado: muéstralas con el además de con el hover.
Si un elemento marcado tiene un equivalente de teclado que Silktide no pudo detectar, el hallazgo.

Cómo lo comprueba Silktide

Recopila los que la página registra en el navegador.
Conserva aquellos para eventos solo de ratón y solo táctiles: clic, doble clic, hover, movimiento del ratón, rueda, menús contextuales y gestos táctiles.
Para los manejadores de clic simples, omite los elementos que ya puede operar el teclado —enlaces, botones, campos de formulario y cualquier elemento enfocable mediante tabindex—, porque al pulsar Intro sobre un elemento enfocado se dispara su manejador de clic.
Informa de los elementos restantes para que confirmes si existe una alternativa mediante teclado.

Solución de problemas

El elemento tiene una alternativa de teclado en otra parte

Silktide marca elementos cuyos escuchadores sugieren un comportamiento solo con puntero, pero no siempre puede saber que la misma funcionalidad está disponible de otra manera —por ejemplo, un menú al pasar el cursor que duplica enlaces en el pie de página, o una acción de arrastre con un botón equivalente—. Cuando exista realmente una alternativa, aprueba el hallazgo.

Efectos de hover puramente decorativos

Los escuchadores que solo cambian la apariencia (un resaltado al pasar el cursor, una animación) no impiden ninguna funcionalidad a quienes usan el teclado. Es seguro aprobarlos.