Un changement lent avec des conséquences rapides : l'algorithme de plan HTML a été supprimé de la spécification en 2022, mais les styles UA par défaut réduisent toujours un h1 imbriqué dans une section, un article, une navigation ou à côté comme si un plan existait. La publication de MDN du 11 avril 2025 suit la suppression et vous remet le style qui y survit.
Published 2025-04-11: https://developer.mozilla.org/en-US/blog/h1-element-styles/Ce qui change réellement
- Les règles UA qui réduisaient un h1 imbriqué dans une section vers les tailles h2, h3 et h4 sont supprimées au rythme du moteur, Firefox via un déploiement par étapes et Chromium affichant des avertissements de dépréciation en cours de route.
- Lighthouse a ajouté la vérification H1UserAgentFontSizeInSection, de sorte que les pages s'appuyant sur l'effet de réduction perdent désormais des points plutôt que de dériver silencieusement.
- Le correctif recommandé est court : définissez une taille de police et une marge explicites pour h1, et utilisez :where pour que vos propres règles hiérarchiques restent compétitives.
Le côté balisage
La position de la spécification mérite d'être soulignée : les documents doivent utiliser h2, h3 et au-delà pour la hiérarchie à l'intérieur des sections, car aucun navigateur ne déduira plus les niveaux de l'imbrication. Très cool du point de vue de la révision, l'article donne la liste de contrôle et les blocs de style exacts, un excellent exemple d'une équipe de documentation détectant un changement de normes avant votre CI.
Auditez toute mise en page plus ancienne qui écrit encore un h1 dans une fiche d'article ; le correctif de style est un changement d'un seul fichier et l'avertissement est déjà contre vous.