Présentation
Les utilisateurs du web comprennent intuitivement la différence entre un bouton et un lien, mais cette distinction est rarement explicitée. Les liens représentent une destination, tandis que les boutons représentent une action. Cette différence a des implications importantes sur la façon dont les utilisateurs interagissent avec les pages web.
Contexte technique
Les liens offrent de nombreuses fonctionnalités, telles que la possibilité d'ouvrir une nouvelle fenêtre ou d'enregistrer une adresse. Les boutons, en revanche, n'offrent pas ces fonctionnalités. Les boutons sont conçus pour déclencher des actions à l'intérieur d'un contexte de navigation spécifique, tandis que les liens permettent aux utilisateurs de contrôler le contexte dans lequel ils ouvrent la destination.
Fonctionnement des boutons et des liens
Les boutons ne peuvent pas être utilisés pour ouvrir une nouvelle fenêtre ou pour enregistrer une adresse. Les boutons ne permettent pas non plus de copier l'action déclenchée par le bouton. Les menus contextuels des boutons ne contiennent pas de fonctionnalités pour enregistrer l'action ou la déclencher dans un autre contexte.
<button action="/begin" method="GET">Start</button>Ceci est un exemple de code HTML qui utilise l'attribut action pour spécifier l'action déclenchée par le bouton.
Implications et limites
La distinction entre les boutons et les liens a des implications importantes pour la conception de pages web. Les boutons doivent être utilisés pour les actions qui se produisent dans un contexte de navigation spécifique, tandis que les liens doivent être utilisés pour les destinations qui peuvent être ouvertes dans différents contextes. La violation des sémantiques HTML en utilisant des liens pour des actions qui devraient être représentées par des boutons peut entraîner des problèmes d'accessibilité et de fonctionnalité pour les utilisateurs.