Structure et titres
Hiérarchie de titres, listes sémantiques, plan de page (thématique 9).
Chapitres
Transcription
Texte intégral de la narration de l’épisode.
Situations du quotidien
Sans structure sémantique, une page devient un long tapis de texte. Pour un lecteur d’écran, les titres sont un plan de navigation. Si tes titres ne sont que du gras CSS, ce plan disparaît. Si tu sautes des niveaux sans raison, le plan devient absurde. Si tes listes sont de faux tirets, la structure des items disparaît aussi.
Structurer l’information
La thématique Structuration de l’information du RGAA regarde le squelette de la page. Titres réels et hiérarchisés. Structure de document cohérente, avec des régions quand c’est pertinent. Listes marquées comme listes. C’est ce qui permet de survoler, de sauter, de comprendre l’organisation sans tout lire linéairement.
Titres HTML
Un titre n’est pas une classe CSS big. C’est une balise de titre. h1 pour le sujet principal de la page, puis h2, h3 pour les sections, sans sauter un niveau juste pour le style. Tu styles ensuite. Tu ne remplaces pas la sémantique par du décor. Avec une bonne outline, un lecteur d’écran peut lister les titres et sauter à une section. Designers et devs y gagnent aussi : la page se lit plus vite, le SEO y trouve souvent son compte, et les ancres deviennent naturelles. Un plan de titres, c’est une table des matières vivante. Même logique pour les listes. Des tirets tapés à la main ne font pas une liste. Une vraie liste, c’est ul, ol, parfois dl. Les technologies d’assistance annoncent le nombre d’items et permettent de naviguer dedans. Simuler une liste au CSS seul, c’est perdre cette structure.
Checklist
Avant publication, vérifie le plan. Un h1 clair. Une hiérarchie sans sauts gratuits. Des vrais titres de section. Des listes sémantiques. Et des régions comme main ou nav quand elles aident à comprendre le document. Tu peux inspecter l’outline dans les outils du navigateur.
À retenir
À retenir. La structure est un plan. Les titres HTML portent ce plan. Les listes et régions le complètent. Tout le monde y gagne en clarté. Prochain épisode : on casse quelques mythes tenaces sur l’accessibilité et le RGAA.
CTA
Extrais le plan de titres d’une page clé. Corrige les faux titres et les fausses listes. Pour analyser un site, rendez-vous sur rgaa-checker.com.
Approfondir dans le guide
Cet épisode aborde ces critères du RGAA 4.1.2. Ouvre leur fiche pour la méthode de test détaillée, les cas particuliers et les exemples.
Passer à l’action
La vidéo pose le cadre. Pour repérer des pistes d’amélioration sur un site réel, lance une analyse ou explore le guide des 106 critères.