Рекомендована практика Пріоритет: Незначно
Заголовок на сторінці порожній
На сторінці є заголовок без тексту, який можна прочитати. Часто це залишок порожньої назви секції, блоку теми або заголовка лише зі значком. Це рекомендована практика, а не вимога WCAG рівня AA.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Багато користувачів програм зчитування екрана переходять від заголовка до заголовка, щоб швидко зрозуміти сторінку. Порожній заголовок оголошується просто як «заголовок» без жодного тексту, що збиває з пантелику й ускладнює орієнтацію.
Кого це стосується
- користувачі програм зчитування екрана
- люди, які переміщуються сторінкою за заголовками
- незрячі люди
Як виправити
Знайдіть порожні елементи <h1>–<h6> (або елементи з role="heading"). Додайте змістовний текст або приберіть тег заголовка, якщо в секції немає назви. Якщо заголовок містить лише зображення чи значок, дайте зображенню alt-текст, який працюватиме як текст заголовка. Не приховуйте текст заголовка через display:none чи aria-hidden.
У Shopify
Часто причина в секції або блоці, де поле заголовка залишили порожнім, а тема все одно виводить порожній тег. Заповніть заголовок у редакторі теми або змініть Liquid секції, щоб тег виводився лише тоді, коли поле має текст.
У Shoptet (CZ)
Зазвичай це походить від шаблону або порожнього текстового блоку. Заповніть чи видаліть блок в адмініструванні; якщо заголовок є частиною самого шаблону, зверніться до Shoptet або партнера.
У PrestaShop
Часто це блок теми чи модуля з порожньою назвою. Заповніть назву в налаштуваннях модуля або змініть .tpl-файл, щоб заголовок виводився лише за наявності тексту.
У WooCommerce
Часто це порожні віджети заголовків у конструкторі сторінок або шаблони теми, що виводять назву, навіть коли її немає. Видаліть порожній віджет або змініть шаблон у дочірній темі.
Стандарти
Це не критерій WCAG, а рекомендована практика, що робить сайт зручнішим.
Автоматична перевірка: правило axe-core empty-heading.
dequeuniversity.com, github.com, www.w3.org