Critères de succès

WCAG 1.4.13 Contenu au survol ou au focus

Le critère de succès 1.4.13 exige que le contenu supplémentaire affiché au survol ou au focus clavier - infobulles, fenêtres surgissantes - soit masquable, survolable et persistant. C'est un critère de niveau AA sous la règle 1.4 (Distinguable), ajouté dans les WCAG 2.1.

Les trois propriétés exigées

Masquable : on doit pouvoir faire disparaître le contenu supplémentaire sans déplacer le pointeur ni le focus hors de l'élément déclencheur, en général par la touche Échap - sauf si ce contenu ne masque ni ne gêne aucun autre contenu.

Survolable : on doit pouvoir amener le pointeur de la souris sur le contenu de l'infobulle ou de la fenêtre surgissante sans la faire disparaître, afin de pouvoir la lire ou, si elle contient un lien, cliquer effectivement sur ce lien.

Persistant : le contenu doit rester visible jusqu'à ce que la personne le ferme, déplace le focus ou le survol ailleurs, ou que l'information cesse réellement d'être pertinente - et non disparaître après un délai fixe qui pourrait expirer avant la fin de la lecture.

Pourquoi cela compte, concrètement

Une personne utilisant un agrandisseur d'écran doit souvent déplacer sa souris vers le contenu supplémentaire simplement pour l'amener dans son champ agrandi, très étroit : si l'infobulle s'évanouit dès que le pointeur se dirige de ce côté, elle lui est fonctionnellement illisible. Une personne ayant un tremblement ou une motricité fine limitée peut déclencher une infobulle par accident et a besoin d'un moyen fiable et volontaire de la fermer, plutôt que de lutter pour maintenir son pointeur dans une zone de survol minuscule et précise.

Défaillances courantes

  • Une infobulle qui disparaît au moindre mouvement de la souris, avant même d'avoir pu être atteinte par le pointeur.
  • Un menu déroulant déclenché au survol, sans équivalent clavier, ou qui se referme dès que le focus quitte l'élément déclencheur.
  • Un contenu supplémentaire sans fermeture par la touche Échap et sans autre moyen de le fermer que de déplacer entièrement le focus ailleurs.

Une exemption courante

Un contenu dont la présentation visuelle relève d'une fonction native du navigateur ou du système, hors du contrôle de la page - comme l'infobulle produite par l'attribut HTML title -, est exempté, puisque la page n'a aucune maîtrise de ce comportement natif.

Questions fréquentes

Qu'est-ce que le critère WCAG 1.4.13 ?
Un critère de niveau AA qui régit les infobulles et fenêtres surgissantes déclenchées au survol ou au focus : elles doivent être masquables, survolables et persistantes jusqu'à ce qu'on les ferme ou qu'elles cessent d'être pertinentes.
Quelles sont les trois exigences ?
Masquable (on peut la fermer sans déplacer le focus, par exemple avec la touche Échap), survolable (le pointeur peut se déplacer sur elle sans la faire disparaître) et persistante (elle reste visible jusqu'à ce qu'on la ferme).
Quelle est une non-conformité courante ?
Une infobulle sur mesure qui disparaît dès que la souris se dirige vers elle, ou qu'il est impossible de fermer au clavier alors qu'elle recouvre d'autres contenus.

Vous souhaitez connaître le score de votre propre site ?

Lancer un test d'accessibilité gratuit