Les liens mènent quelque part, les boutons font quelque chose
La règle qui résout presque tous les cas.
Les liens mènent quelque part, les boutons font quelque chose est une leçon Web Accessibility Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Web Accessibility Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Web Accessibility Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
The One Rule
Here is the rule that solves almost every case: a link takes you somewhere, and a button makes something happen right here. 🧭
What a Link Is
A link navigates. Clicking it changes the page or URL, like jumping to another article or a new section.
<a href="/pricing">See pricing</a>What a Button Is
A button performs an action in place: it submits a form, opens a menu, or toggles a setting without leaving the page.
<button type="button">Add to cart</button>Why It Matters
Screen readers announce the role out loud. Users hear link or button, so the right element sets the right expectation before they act.
Different Keys, Different Jobs
This is not just cosmetic. A button fires on Space or Enter, but a link activates only on Enter. The keys follow the role.
The Quick Test
Ask one question: does this control change where I am, or change what is on screen? Navigation means link; action means button.
Open in a New Tab
If a control could sensibly open in a new tab or be bookmarked, it is navigation, so use a real link with an href.
Looks Are Not Roles
Styling does not change meaning. A button can look like a link and a link can look like a button, but the element decides the role.
The Common Mistake
People reach for a styled div or span and bolt on a click handler. It looks fine but has no role and no keyboard support.
<div class="btn" onclick="save()">Save</div>Submitting a Form
To send a form, use a button of type submit. It is an action, not navigation, so a link here would be wrong.
<button type="submit">Sign up</button>Going to Another Page
To send a user to your contact page, use a link. That is pure navigation, and a button would mislead everyone.
<a href="/contact">Contact us</a>Quick Check
You add a control that opens a menu without leaving the page. Which element fits?
Recap
Links go places, buttons do things. Match the element to the intent and you get the right role, the right keys, and happy users. 🎉
Questions Fréquemment Posées
La leçon « Les liens mènent quelque part, les boutons font quelque chose » est-elle gratuite ?
Oui — le texte complet de « Les liens mènent quelque part, les boutons font quelque chose » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Web Accessibility Academy, passe à CoddyKit PRO. Le cours Web Accessibility Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Les liens mènent quelque part, les boutons font quelque chose » ?
La règle qui résout presque tous les cas. Tu pratiques Web Accessibility Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Web Accessibility Academy ?
Aucune expérience préalable n'est requise. Web Accessibility Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Les liens mènent quelque part, les boutons font quelque chose » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Web Accessibility Academy ?
Oui. Chaque leçon Web Accessibility Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Les liens mènent quelque part, les boutons font quelque chose
- Un texte de lien compréhensible hors contexte
- Des boutons qui annoncent leur action
- L’anti-modèle de l’ancre sans href