Les éléments de sectionnement divisent une page en régions significatives. Plusieurs d'entre eux correspondent à des repères ARIA — des régions nommées que la technologie d'assistance permet aux utilisateurs de parcourir, comme une table des matières pour la page.
...
Details
...
...
Les utilisateurs de lecteurs d'écran peuvent appuyer sur une touche pour lister les repères et accéder directement à <main>, en ignorant les en-têtes et la navigation répétés. C'est un gain d'efficacité majeur — les balises sémantiques le fournissent automatiquement, sans ARIA nécessaire.
<article> — contenu qui a du sens par lui-même et pourrait être syndiqué : un article de blog, une fiche produit, un commentaire.<section> — un regroupement thématique au sein d'un document, généralement avec son propre titre. Pas autonome.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Règle d'or : si cela peut se suffire à lui-même, c'est un <article> ; si c'est juste un morceau étiqueté d'un ensemble plus grand, c'est une <section>. N'utilisez pas <section> purement comme enveloppe de style — c'est à cela que sert <div>.
Utiliser les bons éléments de sectionnement vous donne gratuitement des repères robustes pour la navigation au clavier et au lecteur d'écran et un plan du document clair — améliorant l'accessibilité et le SEO sans aucun attribut ARIA supplémentaire.