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 réussite 1.4.13 (niveau AA) des .

Il s’agit d’une : l’automatisation ne peut pas survoler et mettre le focus sur chaque déclencheur d’une page ni interagir avec ce qui apparaît ; Silktide affiche donc 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 problématique pour plusieurs groupes, sauf s’il se comporte de manière adaptée :

Utilisateurs de loupes d’écran : ils consultent la page avec un fort zoom et doivent déplacer le pointeur jusqu’à la fenêtre contextuelle pour la lire. Si celle-ci disparaît dès que le pointeur quitte son déclencheur, elle ne peut jamais être lue.
Personnes avec des tremblements moteurs : elles 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 capables d’effectuer.
Quiconque a besoin de plus de temps perd un 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 au 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’occulte rien, comme l’indication d’erreur d’un champ de formulaire apparaissant 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 valable. Pas de minuteries 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 Libellés via l’attribut title.

Comment corriger

Ajoutez un gestionnaire pour Échap qui masque la fenêtre contextuelle tandis que le déclencheur conserve le focus.
Maintenez la fenêtre contextuelle ouverte tant que le pointeur est au-dessus d’elle, pas seulement au-dessus du déclencheur - encastrez la fenêtre dans le DOM du déclencheur ou comblez l’espace avec une zone tolérante au survol.
Supprimez les masquages automatiques de type setTimeout des info-bulles et des menus.

Si tous les éléments révélés au survol ou au focus de la page sont conformes (ou s’il n’y en a aucun), le constat.

Comment Silktide teste cela

Silktide ne peut pas encore détecter automatiquement les déclencheurs de survol et de focus, donc ce contrôle crée une invite de révision 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 W3C ACT pour cela. Nous prévoyons de détecter les déclencheurs probables (écouteurs liés au survol, contenu révélé par le CSS) dans une version future afin que l’invite ne s’affiche que sur les pages qui en ont besoin.