Contenido al pasar el puntero o al enfocar
Silktide te solicita que verifiques que el contenido que se revela al pasar el puntero o con el foco del teclado —descripciones emergentes (tooltips), menús desplegables, tarjetas de vista previa— se comporta como exige el criterio de éxito 1.4.13 de las (nivel AA).
Esta es una : la automatización no puede pasar el puntero ni enfocar cada activador de una página e interactuar con lo que aparece, así que Silktide muestra el aviso en cada página y una persona lo confirma.
Por qué esto es importante
El contenido que aparece al pasar el puntero o al enfocar puede resultar perjudicial para varios colectivos si no se comporta correctamente:
- Usuarios de magnificadores de pantalla ven la página con gran zoom y deben mover el puntero hasta la ventana emergente para leerla. Si la ventana emergente desaparece en cuanto el puntero abandona su activador, nunca podrá leerse.
- Personas con temblores motores pasan el puntero por encima sin querer. Un emergente que solo se puede cerrar alejando el puntero exige movimientos precisos que quizá no puedan realizar.
- Cualquiera que necesite más tiempo pierde contenido que se oculta automáticamente con un temporizador.
Qué comprobar
Para cada elemento que revela contenido al pasar el puntero o con el foco del teclado, verifica los tres puntos siguientes:
- Cerrable: el contenido revelado se puede cerrar sin mover el puntero ni el foco, normalmente pulsando Escape. (Excepción: si no tapa nada, como la pista de error de un campo de formulario que aparece en un espacio vacío.)
- Interactuable con el puntero (hover): si se activó por hover, el puntero puede moverse sobre el contenido revelado sin que desaparezca.
- Persistente: permanece visible hasta que el usuario lo cierra, se aleja o la información deja de ser válida. Sin temporizadores de ocultación automática.
Las descripciones emergentes nativas del atributo title están exentas (el navegador las controla), pero tienen sus propios problemas: consulta
Etiquetado mediante el atributo title.
Cómo solucionarlo
- Añade un manejador de Escape que oculte el emergente mientras el activador mantiene el foco.
- Mantén el emergente abierto mientras el puntero esté sobre el propio emergente, no solo sobre el activador; anida el emergente en el DOM del activador o salva el hueco con un área tolerante al hover.
- Elimina la ocultación automática con
setTimeoutde las descripciones emergentes y los menús.
Si todos los elementos que revelan contenido por hover o foco en la página cumplen (o la página no tiene ninguno), el hallazgo.
Cómo lo prueba Silktide
Silktide aún no puede detectar automáticamente los activadores por hover y foco, por lo que esta comprobación muestra un aviso de revisión por página describiendo qué verificar. Actualmente ninguna herramienta automatizada prueba el 1.4.13: no existe una regla ACT del W3C para ello. Planeamos detectar activadores probables (escuchas de eventos asociados al hover, contenido revelado por CSS) en una versión futura para que el aviso solo aparezca en las páginas que lo necesiten.