Survol

En informatique, le survol désigne le fait de déplacer le curseur sur un élément interactif — comme un lien, un bouton ou une icône — sans cliquer dessus. Par exemple, lorsque vous survolez un lien sur une page Web, le curseur peut passer d’une flèche à une main, et le lien peut changer de couleur pour indiquer qu’il est cliquable.

Les développeurs Web peuvent ajouter des effets de survol à l’aide de HTML, CSS ou JavaScript.

• HTML fournit un attribut d’événement global onmouseover, qui peut être ajouté à un lien ou à un bouton.

  <button onmouseover="myFunction()";>Survolez-moi</button>

• CSS fournit la pseudoclasse :hover, qui définit l’apparence d’un élément lorsque le pointeur est placé dessus (par exemple, en changeant la couleur ou en soulignant le texte).
  

  a:hover { color:darkblue; text-decoration: underline; }

• JavaScript fournit les événements mouseover et mouseout, qui peuvent déclencher des fonctions ou d’autres instructions à l’aide d’une méthode « EventListener ».
  

  myElement.addEventListener("mouseover", function() { ... }

Le concept de survol ne se limite pas aux sites Web. De nombreux systèmes d’exploitation et applications de bureau mettent en évidence les icônes, les boutons ou les menus lorsque vous les survolez avec le curseur. Certains éléments affichent une info-bulle lorsque vous les survolez pendant une ou deux secondes. Les indications fournies lors du survol rendent les interfaces utilisateur plus intuitives en fournissant des informations supplémentaires entre le pointage et le clic.

Survol et écrans tactiles

Comme le survol nécessite un curseur, il ne s’applique généralement pas aux écrans tactiles, où l’interaction se fait principalement par des appuis et des gestes. Sur les appareils mobiles, les concepteurs utilisent souvent des solutions de remplacement comme l’appui prolongé ou des repères visuels pour fournir des indications similaires.