Рекомендована практика Пріоритет: Помірно
На сторінці немає головного заголовка
На сторінці немає заголовка верхнього рівня (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