Accessibilité ol > li

[cedric07]

Sur cette page par exemple : https://liora.io/metiers-faciles-et-bien-payes-france-2026

On a visuellement un décalage sur les titres de niveau 3, ce qui pose un souci d'accessibilité car on devrait avoir les éléments de niveau 3 imbriqué dans un <ol> dédié enfant du <li> de niveau 2, atuellement on a tout a la suite.

Exemple :

<ol ...>
    <li ... data-toc-level="2">
        <a>Niveau 2</a>
        <ol ...>
            <li ... data-toc-level="3">
                <a>Niveau 3</a>
            </li>
            <li ... data-toc-level="3">
                <a>Niveau 3</a>
            </li>
        </ol>
    </li>
</ol>

Je ne sais pas si réalisable facilement dans la mesure où on a le choix sur les niveaux de titres à afficher, et on pourrait très bien avoir uniquement des h3 ou des h3 et des h2, ou encore des h2 et des h4 etc...

DOnc pas évident de faire une imbrication cohérente et automatique ?