Guía para verificar el cumplimiento de la accesibilidad digital

Uso de tecnologías de apoyo

Criterios que contemplan

Objetivos

  • Más personas pueden percibir y descartar contenido emergente o superpuesto. Para ello se debe garantizar que, al pasar el mouse por un objeto o enfocarlo, aparece y desaparece contenido adicional en forma de tooltips, popovers, diálogos no modales, submenús y otras, la interacción esté diseñada de tal manera que la persona pueda percibir el contenido adicional y descartarlo, sin interrumpir su experiencia en la página.
  • Proporcionar un método para descartar el contenido adicional que aparece, pero sin mover el ratón ni cambiar el foco del elemento activador.
  • Asegurar que el contenido adicional continúe presente mientras la persona sostenga el foco o el puntero del mouse sobre el elemento que desencadenó su visualización.
  • Todo se puede hacer con un teclado, excepto movimientos a mano alzada, disponiendo de una alternativa en el teclado para cada acción del puntero. De esta manera, se asegura la interacción para personas que no pueden usar un mouse, o con discapacidades visuales, o quienes usan dispositivos de entrada que emulan el teclado.
  • Las personas que utilizan el teclado no se quedan atascadas. Garantizar que, si el foco se mueve a un elemento interactivo mediante el teclado, el foco puede moverse de ese elemento a otro de la misma forma.
  • Reduce la activación accidental de atajos de teclado. Los atajos de teclado con caracteres no funcionan bien para todas las personas. Para solucionar este problema, se debe permitir a las personas puedan desactivar o reconfigurar los atajos compuestos únicamente por teclas de caracteres. No es recomendable definir atajos de un solo carácter.

Método o herramienta sugerida para su evaluación

Verificar los siguientes puntos:

  • Si aparece un elemento emergente al pasar el mouse o hacer foco (por ejemplo, un tooltip, un submenú desplegable, u otro popover), este se cierra presionando Escape.
  • Cada botón del menú debe quedar resaltado al recibir el foco, por ejemplo, como en la siguiente imagen:

Menú del sitio web de Agesic con foco en Institucional

  • Verificar que se pueda acceder a cada elemento interactivo con la tecla tabulador o, en algunos casos, con las flechas de dirección.
  • Menúes desplegables se despliegan con Enter y se cierran con Escape.
  • Verificar que sea posible acceder y salir de cualquier parte del sitio utilizando solamente el teclado.
  • Al recorrer la página con Tab, no hay foco en elementos no visibles.
  • Elementos de formulario, especialmente, widgets no nativos (controles interactivos que ofrecen diseño o interacciones no disponibles en los elementos de formulario de la plataforma) responden a Enter / barra espaciadora / cursores.
  • Si existen atajos de teclado, no son de una sola tecla, sino que se combinan. Por ejemplo, con Ctrl+Shift+tecla. Consultar ayuda o documentación de la página para ver si se utilizan.
  • Hacer zoom hasta el 400% y que no se genere scroll en ambas direcciones (vertical y horizontal), ni se solapen los elementos en pantalla.
  • Responsive design checker.

Etiquetas

Accesibilidad Digital