Перейти к содержимому
Pandus

Рекомендуемая практика Приоритет: Незначительно

Заголовок на странице пустой

На странице есть заголовок без читаемого текста. Часто это остаток пустого названия секции, блока темы или заголовка, состоящего только из значка. Это рекомендуемая практика, а не требование 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

Все правила, которые мы проверяем