Si un lien semble être un bouton, faut-il quand même le formater comme un bouton?

Les liens (balise <a>) sont utilisés pour naviguer vers une autre page ou ressource. Les boutons (balise <button>) effectuent des actions sur la page courante, comme soumettre un formulaire ou appeler une fonction JavaScript.

Si un élément effectue une action mais ressemble à un lien, il doit être formaté comme <button>. Inversement, si un élément mène à une autre page mais ressemble à un bouton, il est préférable d'utiliser <a>.

Justification du point de vue de l'accessibilité :

• Sémantique : Les lecteurs d'écran et autres technologies d'assistance utilisent la sémantique des balises pour comprendre la fonction de l'élément. Un bouton est perçu comme un élément interactif activable, un lien comme un élément de navigation.
• Interaction clavier : Par défaut, les boutons s'activent avec la touche Enter ou Space, les liens uniquement avec Enter. Les utilisateurs naviguant au clavier attendent ce comportement.
• Stylisation et JavaScript : Utiliser les bonnes balises facilite l'application de styles et la gestion des événements.

Exemple de lien formaté comme bouton :

<a href="/page" class="button">Aller à la page</a>

Exemple de bouton imitant un lien (rare, mais possible pour des solutions UX spécifiques) :

<button type="button" onclick="doSomething()" class="link">Effectuer une action</button>

En général, respectez la sémantique : liens pour la navigation, boutons pour les actions.