https://tube.numerique.gouv.fr/videos/watch/13df136f-9e6c-4b4c-9ffb-71463864b01c [Transcription en fin de description] Pourquoi est-il important de bien structurer sa page web avec des titres et sous-titres cohérents ? Lorsque le contenu d’une page n’est pas correctement structuré dans le code, il est plus compliqué de naviguer pour les personnes utilisants des lecteurs d'écran. Explications avec Yvan Galéa, responsable de l’équipe design à DesignGouv. Pour estimer de manière rapide et partielle l’accessibilité d’un site ou d’un service en ligne, sans avoir d’expertise particulière, rendez-vous sur notre page Diagnostic flash : https://lnkd.in/gYD6x7Sj Pour télécharger l’extension de navigateur HeadingsMap : Extension pour Chrome : https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi?pli=1, Extension pour Firefox : https://addons.mozilla.org/fr/firefox/addon/headingsmap/, Extension pour Edge : https://microsoftedge.microsoft.com/addons/detail/headingsmap/bokekiiaddinealohkmhjcgfanndmcgo, DesignGouv est une équipe de la Direction interministérielle du numérique (Dinum). Consultez notre site : https://design.numerique.gouv.fr/ Suivez-nous sur LinkedIn : https://www.linkedin.com/company/designgouv TRANSCRIPTION Face caméra, Yvan Galéa, responsable de l’équipe design, explique l’importance de structurer une page web à l’aide de titres et de sous-titres cohérents. En plein écran, Yvan commence : « Lorsque le contenu d’une page n’est pas correctement structuré, il devient plus difficile à comprendre. C’est aussi plus compliqué de s’y repérer rapidement. Un texte structuré suppose une hiérarchie pertinente des titres et des sous-titres. » L’écran se scinde en deux. En haut, un enregistrement vidéo montre une personne aveugle qui utilise un clavier braille comme lecteur d’écran pour naviguer. En bas, Yvan parle face caméra : « Pour les personnes qui utilisent un lecteur d’écran, comme les personnes aveugles ou malvoyantes, cette structure est essentielle. » De retour en plein écran, Yvan poursuit : « Un lecteur d’écran ne se base pas que sur ce qui est affiché sur une page web, mais aussi sur les informations contenues dans le code. C’est pourquoi il est indispensable que chaque titre et chaque sous-titre soient indiqués comme tels dans le code. Le lecteur d’écran permet alors de naviguer facilement de titre en titre, de passer d’une section à une autre et d’accéder directement à l’information recherchée. Pour visualiser et contrôler la hiérarchie des titres dans le code, il suffit d’utiliser une extension gratuite, comme HeadingsMap, par exemple. Vous saurez alors ce qu’il convient de corriger. » L’écran montre ensuite une page web qui semble visuellement bien structurée, avec des titres en gras. En haut de l’écran, on voit l’utilisateur activer l’extension HeadingsMap. Le panneau latéral HeadingsMap apparaît alors à gauche de la page et montre que certains titres et sous-titres ne sont pas correctement codés. En voix off, Yvan explique : « Ici, la page a l’air d’être structurée avec des titres, mais quand on regarde le code, ce n’est pas le cas. On a bien un titre de niveau 1, mais il est suivi d’un titre de niveau 3, puis d’un titre de niveau 2… Et “Besoin d’aide” n’est même pas un titre. » De retour en plein écran, Yvan ajoute : « Et cerise sur le gâteau : une bonne hiérarchisation dans le code permet un meilleur référencement. » Enfin, il conclut : « Pour estimer rapidement et partiellement l’accessibilité d’un site ou d’un service en ligne, sans avoir d’expertise particulière, rendez-vous sur notre page Diagnostic Flash. » Générique de fin : animation avec le texte « Plus d’infos sur : design.numerique.gouv.fr », puis l’onglet « Outils », suivie de l’outro numerique.gouv.fr puis de celui de l’État. FIN DE TRANSCRIPTION Wed, 21 Oct 2026 01:12:09 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.numerique.gouv.fr https://tube.numerique.gouv.fr/client/assets/images/icons/icon-1500x1500.png https://tube.numerique.gouv.fr/videos/watch/13df136f-9e6c-4b4c-9ffb-71463864b01c All rights reserved, unless otherwise specified in the terms specified at https://tube.numerique.gouv.fr/about and potential licenses granted by each content's rightholder.