À retenir
- C'est une interaction sans contact (sans clic).
- Il permet d'afficher des informations contextuelles temporaires.
- Il est principalement réservé aux interfaces pilotées par une souris ou un stylet.
En informatique, le survol désigne l'action de placer le pointeur de la souris (ou un stylet) au-dessus d'un élément graphique sans cliquer dessus. C'est comme passer sa main au-dessus d'un objet pour voir s'il dégage de la chaleur : on obtient une information sans déclencher l'action principale.
Étymologie
Composé du préfixe sur- (au-dessus) et du nom vol. Initialement issu du domaine de l'aviation pour désigner le passage au-dessus d'une zone pour l'observer, le terme a été adopté en ergonomie logicielle pour traduire l'anglais hover.
Exemples d'usage
- Faire apparaître une bulle d'aide (tooltip) en laissant la souris sur une icône obscure.
- Un lien hypertexte qui change de couleur ou se souligne quand on l'approche.
- Dans un logiciel de programmation, voir la valeur d'une variable s'afficher en passant le curseur dessus lors d'un test.
Cas d'usage
Ce concept est omniprésent dans le développement web (via le CSS) et la conception d'interfaces (UX/UI). Il sert à confirmer à l'utilisateur qu'un élément est interactif ou à afficher des informations secondaires sans encombrer l'écran en permanence.
Bonnes pratiques
Attention à l'accessibilité : les smartphones et tablettes n'ont pas d'équivalent natif au survol (on touche directement). Il ne faut donc jamais masquer une information cruciale derrière un survol. De plus, le changement visuel doit être suffisamment marqué pour être remarqué par l'utilisateur.
Synonymes
Antonymes
Conseil
Si vous créez un site web, utilisez le survol pour rendre l'interface 'vivante' (boutons qui réagissent), mais assurez-vous que votre navigation reste utilisable pour quelqu'un qui n'a pas de souris.
Questions fréquentes
Le survol fonctionne-t-il sur smartphone ?
Non, car il n'y a pas de curseur visible. Sur mobile, le système simule parfois un survol lors du premier appui, mais ce n'est pas fiable pour l'ergonomie.
C'est quoi un effet 'hover' en CSS ?
C'est une règle de style qui s'applique uniquement quand l'utilisateur survole un élément (par exemple : changer la couleur d'un bouton).