Bouton ou Lien ?
Un arbre de décision interactif pour choisir entre <button> et <a> selon votre cas d'usage.
L'action redirige-t-elle vers une autre page ou URL ?
Pourquoi le choix sémantique est important
Utiliser le bon élément HTML entre <a> et <button> est fondamental pour l'accessibilité. Les technologies d'assistance (lecteurs d'écran, navigation au clavier) s'appuient sur la sémantique HTML pour informer l'utilisateur du type d'interaction attendu.
Un lien (<a href>) indique une navigation : l'utilisateur sera redirigé vers une autre page ou ressource. Il peut faire un clic droit pour ouvrir dans un nouvel onglet, copier l'URL, ou ajouter la page aux favoris.
Un bouton (<button>) indique une action : ouvrir un menu, soumettre un formulaire, basculer un accordéon, lancer un calcul. L'utilisateur s'attend à ce que la page ne change pas.
Cette distinction correspond aux critères RGAA 6.1 (pertinence des liens) et 7.1 (scripts accessibles). Un <div onclick> ou un <span> stylisé en bouton n'est ni focusable ni activable au clavier par défaut, ce qui constitue un défaut d'accessibilité majeur.