Accesibilidad Web #5 – Página controlada sin ratón

Asegúrate de que toda la funcionalidad de una página pueda ser controlada sólo con el teclado

Se muestra un ratón caido

Debido a alguna discapacidad o cualquier otro motivo (de repente se acaba la pila del ratón a las tres de la mañana y no tienes pilas en casa) algunos usuarios no puede utilizar un ratón para navegar a través del contenido. Así que es muy importante que el contenido pueda ser controlado con el teclado.

Es muy común ver elementos parecidos a los combos  menús que no se pueden controlar vía teclado. Es mejor evitar elementos que están ocultos tras un telón de divs, spans etc debido a diseños gráficos quisquillosos. La mayoría de las últimas versiones de los navegadores permiten una alta (aunque no total) personalización de elementos de control. Ten en  cuenta que a los usuarios que tengan versiones antiguas de navegadores tampoco les va a importar mucho dicha personalización.

Los controles principales que ofrece el teclado son:

  • tabulación
  • teclas de dirección (flechas)
  • enter / return
  • barra espaciadora

Es importante poder “recorrer” con el tabulador toda la página e ir “entrando” en cada elemento que reciba el foco y además que esto sea visible (nada de outline:none en los CSS) y además que se haga el recorrido en coherencia con el contenido ofrecido de manera visual.

Esto es lo que nos dice la W3C.

Accesibilidad Web #5 – Página controlada sin ratón

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s