Рекомендуемая практика Приоритет: Умеренно
На странице нет главного заголовка
На странице нет заголовка верхнего уровня (H1), который называет её тему, например название товара или категории. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Многие пользователи программ экранного доступа нажимают одну клавишу, чтобы перейти к главному заголовку и понять, где они. Без него приходится угадывать по меню и баннерам, попали ли они на нужный товар или категорию. Чёткий H1 также помогает поисковым системам понять страницу.
Кого это касается
- незрячие люди, которые пользуются программами экранного доступа
- люди с когнитивными нарушениями
- люди, которые просматривают страницы с помощью инструментов для чтения
Как исправить
Дайте каждой странице один <h1>, описывающий её содержимое: название товара на страницах товаров, название категории на страницах категорий, «Корзина» или «Оформление заказа» на этих шагах. Используйте настоящий <h1> (а не просто крупный жирный текст) и не делайте логотип заголовком H1 на каждой странице. При необходимости сохраните внешний вид через CSS.
В Shopify
Обычно название товара, коллекции или страницы в файлах секций темы выведено как <div> или <h2>. Измените его на <h1> в нужной секции; на главной добавьте h1 или сделайте первый блок заголовка H1, если тема это позволяет.
В Shoptet (CZ)
Обычно названия товаров и категорий уже являются H1; чаще его не хватает на главной или собственных страницах. Добавьте заголовок в редакторе содержимого страницы или обратитесь к Shoptet или партнёру по поводу шаблона.
В PrestaShop
Обычно название товара или категории в шаблонах .tpl темы не является <h1>. Измените тег в шаблонах товара и категории темы или дочерней темы.
В WooCommerce
Обычно тема или конструктор страниц скрывает заголовок страницы или использует более низкий уровень. Включите заголовок снова или задайте уровень H1 для блока заголовка в конструкторе; в дочерней теме проверьте шаблоны WooCommerce для названий товаров и архивов.
Стандарты
Это не критерий WCAG, а рекомендуемая практика, которая делает сайт удобнее.
Автоматическая проверка: правило axe-core page-has-heading-one.
dequeuniversity.com, github.com, www.w3.org