Etiquetas: Accesibilidad · Diseño
Si no se puede usar con teclado, no está terminado
Recorrer cada pantalla solo con Tab y Enter encuentra más problemas que cualquier auditoría automática. Nuestra lista de chequeo.
Martín Cabrera · · 1 min de lectura
Guardamos el mouse en un cajón durante una tarde y recorrimos nuestra propia aplicación. Terminamos con una lista de veintitrés problemas que ninguna herramienta había marcado.
El orden del foco es el orden de lectura
Si Tab salta de la barra al pie y se olvida del contenido, el problema suele ser un elemento posicionado a mano. Se arregla en el DOM, no con tabindex.
El foco se ve siempre
Un anillo de foco de 3 píxeles con contraste suficiente sobre cualquier fondo. Quitar el contorno sin reemplazarlo es el error más común y el más fácil de evitar.
- Tab recorre todo lo interactivo.
- Escape cierra lo que abrió.
- El foco vuelve a donde estaba.
- Nada depende del hover.