Comparer les deux écritures !


<body>
    <h1>top level heading</h1>
    <section>
        <h1>(intended) 2nd level heading</h1>
        <section>
            <h1>(intended) 3nd level heading</h1>
        </section>
    </section>
</body>

<body>
    <h1>top level heading</h1>
    <section>
        <h2>(intended) 2nd level heading</h2>
        <section>
            <h3>(intended) 3nd level heading</h3>
        </section>
    </section>
</body>

Les titres traduisent l'organisation du contenu d'une page Web ou d'un écran. Une bonne structure de titres permet de scanner rapidement un document Web et d'en comprendre la structure.

Les titres permettent également aux utilisateurs de lecteurs d'écran et autres utilisateurs de technologies d'assistance de naviguer dans les pages Web et les écrans.

Il existe encore une certaine confusion et une certaine ambiguïté quant à l'utilisation correcte des titres, notamment en matière d'accessibilité.

C'est un sujet délicat pour en savoir plus : https://www.tpgi.com/heading-off-confusion-when-do-headings-fail-wcag/