Frontend Garden

Будущие изменения стилей браузеров для заголовков

время чтения ~1 мин.

11.04.2025, Ссылка на новость

С версии Хромиума 136 и Файрфокса 136 разработчики начнут получать предупреждение о том, что семантически вложенные h-заголовки изменят внешний вид. Браузеры больше не будут исправлять стили заголовков в зависимости от вложенности в семантические элементы, а также Lighthouse начнёт предупреждать и снимать баллы за то, что для h-заголовков не заданы размеры текста при использовании внутри семантического контекста.

Заголовки с использованием следующего кода в будущем будут выглядеть одинаково:

<body>
  <h1>Level 1</h1>
  <section>
    <h1>Level 2</h1>
    <section>
      <h1>Level 3</h1>
      <section>
        <h1>Level 4</h1>
      </section>
    </section>
  </section>
</body>

Это изменение является запланированным, т.к. в спецификации HTML в 2022 году было удалено описание алгоритма, который отвечал за анализ уровней h-заголовков внутри семантических элементов. Возможно это изменение в том числе вызвано тем, чтобы разработчики больше внимания обращали на Accessibility.

Вид графа