Стилізовані елементи <p> не повинні використовуватися як заголовки

Не використовуйте стилізовані елементи <p> як заголовки. Використовуйте семантичні теги <h1>–<h6>.

Проблема

Скрінрідери навігують по заголовках. Якщо заголовок оформлений як <p>, він не потрапить у список заголовків.

Як виправити

<!-- ❌ Неправильно: параграф, стилізований як заголовок -->
<p style="font-size: 24px; font-weight: bold">Наші послуги</p>

<!-- ✅ Правильно: семантичний заголовок -->
<h2>Наші послуги</h2>