Criterios de Operable
OperablePauta 2.1 Accesible por teclado
2.1.1Teclado
Nivel ALo exige la normativa (EN 301 549).
Qué pide
Todas las funciones se pueden usar solo con el teclado.
A quién ayuda: Personas ciegas y personas con movilidad reducida que no usan ratón.
Un caso real
El selector de fecha de una web de reservas.
BienSe puede elegir la fecha con flechas, Intro y Tab.
MalEl calendario solo responde al clic del ratón.
Cómo aplicarlo en código
Elementos interactivos nativos
Un button se enfoca con Tab y se activa con Enter y Espacio sin escribir nada de JavaScript para el teclado.
<button type="button" class="favorito">Añadir a favoritos</button>
<a href="/productos">Productos</a><div class="favorito" onclick="anadirFavorito()">Añadir a favoritos</div>
<span onmouseover="abrirMenu()">Productos</span>Cómo comprobarlo
Desconecta el ratón y completa todos los procesos con Tab, Intro, espacio y flechas.