Contenu au survol ou au focus

Silktide vous invite à vérifier que le contenu révélé au survol ou au focus clavier - info-bulles, menus déroulants, cartes d’aperçu - se comporte comme l’exige le critère de succès 1.4.13 (niveau AA) des .

Il s’agit d’un : l’automatisation ne peut pas survoler ni mettre le focus sur chaque déclencheur d’une page et interagir avec ce qui apparaît, donc Silktide affiche une invite sur chaque page et une personne la confirme.

Pourquoi c’est important

Le contenu qui apparaît au survol ou au focus peut être hostile à plusieurs groupes s’il ne se comporte pas avec soin :

Utilisateurs de loupes d’écran qui consultent la page avec un fort niveau de zoom et doivent déplacer le pointeur jusque sur une fenêtre contextuelle pour la lire. Si la fenêtre disparaît dès que le pointeur quitte son déclencheur, elle ne peut jamais être lue.
Personnes ayant des tremblements moteurs qui survolent des éléments par accident. Une fenêtre contextuelle qui ne peut être fermée qu’en éloignant le pointeur impose des mouvements précis qu’elles ne sont pas forcément en mesure d’effectuer.
Quiconque a besoin de plus de temps perd du contenu qui se masque automatiquement après un délai.

Ce qu’il faut vérifier

Pour chaque élément qui révèle du contenu au survol ou lorsque l’élément reçoit le focus clavier, vérifiez les trois points suivants :

Fermable - le contenu affiché peut être fermé sans déplacer le pointeur ni le focus, généralement en appuyant sur Échap. (Exception : s’il n’obscurcit rien, comme l’indication d’erreur d’un champ de formulaire qui apparaît dans un espace autrement vide.)
Survolable - si le survol l’a déclenché, le pointeur peut se déplacer sur le contenu affiché sans qu’il disparaisse.
Persistant - il reste visible jusqu’à ce que l’utilisateur le ferme, s’éloigne, ou que l’information ne soit plus valide. Aucun minuteur d’auto-masquage.

Les info-bulles natives de l’attribut title sont exemptées (le navigateur les contrôle), mais elles ont leurs propres problèmes — voir Étiquetage avec l’attribut title.

Comment corriger

Ajoutez un gestionnaire pour Échap qui masque la fenêtre contextuelle pendant que le déclencheur conserve le focus.
Maintenez la fenêtre contextuelle ouverte tant que le pointeur est au-dessus de la fenêtre elle-même, pas seulement du déclencheur - soit en imbriquant la fenêtre dans le DOM du déclencheur, soit en comblant l’écart avec une zone tolérante au survol.
Supprimez la fermeture automatique de type setTimeout des info-bulles et des menus.

Si tous les éléments révélés au survol ou au focus sur la page sont conformes (ou si la page n’en contient aucun), le constat.

Comment Silktide le teste

Silktide ne peut pas encore détecter automatiquement les déclencheurs de survol et de focus, donc cette vérification affiche une invite d’examen par page décrivant ce qu’il faut vérifier. Aucun outil automatisé ne teste actuellement 1.4.13 - il n’existe pas de règle ACT du W3C pour cela. Nous prévoyons de détecter les déclencheurs probables (écouteurs liés au survol, contenu révélé par CSS) dans une version ultérieure afin que l’invite ne s’affiche que sur les pages qui en ont besoin.