Un seul h1 par page : nommer le sujet principal
Donnez à chaque page un seul titre de premier niveau, clair.
Un seul h1 par page : nommer le sujet principal 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 Page Title You Hear
The h1 is your page's headline. Screen reader users often jump straight to it to learn what this page is actually about. 🔎
One Main Topic
A page is about one main thing, so it gets one h1. Think of it as the title on a book cover, not a chapter heading.
<h1>Your Order Summary</h1>h1 Is Not About Size
Pick h1 for meaning, never for looking big. If you want smaller text, style it with CSS and keep the heading level correct.
It Names, Not Decorates
A good h1 describes the content below it. Reading the h1 alone should tell a user roughly what they will find on this page.
Match the Tab Title
Your h1 should echo the browser tab title. When both agree, users feel confident they landed on the right page.
<title>Your Order Summary - Shop</title>
<h1>Your Order Summary</h1>Not the Logo
Your site name in the corner usually is not the page topic. The h1 belongs to this page's content, not your brand logo. 🏷️
Why One, Not Many
Several h1 tags blur the outline, so users cannot tell the real topic from a section. One clear top level keeps the page focused.
Where It Lives
Place the h1 high in your main content, before the sections it introduces. It sets the stage for everything that follows.
<main>
<h1>Annual Report 2025</h1>
<h2>Highlights</h2>
</main>Never Skip Straight to h2
Starting a page at h2 leaves the outline without a root. Give the page its single h1 first, then nest sections below it.
Keep It Honest
Write the h1 in plain words a stranger would understand. Skip clever puns that hide what the page really does.
Empty h1 Is a Trap
An h1 that wraps only an image or icon may read as nothing. Give it real text, even if you hide that text visually.
Quick Check
How many h1 elements should a typical page have?
Recap
You learned the h1 names a page's one main topic, sits high in the content, and is chosen for meaning over size. One page, one h1. ✅
Questions Fréquemment Posées
La leçon « Un seul h1 par page : nommer le sujet principal » est-elle gratuite ?
Oui — le texte complet de « Un seul h1 par page : nommer le sujet principal » 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 « Un seul h1 par page : nommer le sujet principal » ?
Donnez à chaque page un seul titre de premier niveau, clair. 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 « Un seul h1 par page : nommer le sujet principal » ?
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
- Un seul h1 par page : nommer le sujet principal
- Imbriquer les niveaux sans en sauter
- Les titres servent à naviguer, pas seulement à afficher du gros texte
- Auditer la structure d’une page à l’oreille