Вимога WCAG A/AA Пріоритет: Помірно
Сторінка не має заголовка
У коді сторінки немає заголовка, тому вкладки браузера, закладки та програми зчитування з екрана не показують нічого корисного.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Людям із кількома відкритими вкладками важко знайти серед них ваш магазин, а користувачі програм зчитування з екрана не чують, на яку сторінку потрапили. Пошукові системи та попередній перегляд посилань теж втрачають важливу інформацію.
Кого це стосується
- користувачі програм зчитування з екрана
- люди з когнітивними порушеннями
- люди, які працюють з багатьма вкладками браузера
Як виправити
Додайте кожній сторінці унікальний описовий <title>, наприклад «Лляна сорочка, синя – Назва магазину». Конкретну частину ставте першою, назву магазину — останньою. Перевірте шаблони результатів пошуку, сторінок помилок і кроків оформлення замовлення.
У Shopify
Теми Shopify зазвичай виводять заголовок із SEO-налаштувань сторінки чи товару у файлі макета. Відсутній заголовок вказує на пошкоджений файл макета Liquid або на застосунок, який підміняє секцію head.
У Shoptet (CZ)
Заголовки зазвичай беруться з SEO-полів товарів, категорій і сторінок. Заповніть їх в адмінпанелі; якщо для якогось типу сторінок такого поля немає, зверніться до Shoptet або до партнера Shoptet.
У PrestaShop
Заголовки зазвичай беруться з SEO-полів товарів, категорій і CMS-сторінок. Заповніть їх в адмінпанелі та перевірте, що шаблон head теми їх виводить.
У WooCommerce
Заголовком зазвичай керують WordPress, тема та SEO-плагін. Якщо заголовка немає, найчастіше тема не підтримує його виведення або є конфлікт плагінів; виправте це в темі чи налаштуваннях SEO-плагіна.
Стандарти
| Стандарт | Пункт |
|---|---|
| WCAG 2.2 | 2.4.2 (A) Page Titled |
| WCAG 2.1 | 2.4.2 (A) Page Titled |
| WCAG 2.0 | 2.4.2 (A) Page Titled |
| EN 301 549 4.1.1 | 9.2.4.2 |
| EN 301 549 3.2.1 | 9.2.4.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.4.2 |
Автоматична перевірка: правило axe-core document-title.
dequeuniversity.com, github.com, www.w3.org
Схожі перевірки
-
Текст важко прочитати через низький контраст
WCAG 1.4.3 AA
-
Кнопки й посилання замалі, щоб на них було легко натиснути
WCAG 2.5.8 AA
-
Деякі елементи мають підпис для шрифту Брайля, але не мають звичайної назви
WCAG 4.1.2 A
-
Вбудований вміст не має назви
WCAG 4.1.2 A