Рекомендована практика Пріоритет: Незначно
Частина вмісту розташована поза основними областями сторінки
Деякі частини сторінки не входять до орієнтирів (landmarks), таких як шапка, навігація, основний вміст чи підвал. Це рекомендована практика, що виходить за межі рівня WCAG 2.2 AA.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Користувачі програм зчитування екрана часто перескакують між областями сторінки (шапка, меню, основний вміст, підвал), щоб швидко щось знайти. Вміст поза цими областями, наприклад рекламна смуга, повідомлення про cookie чи блок підписки, можна пропустити або знайти лише прочитавши всю сторінку рядок за рядком.
Кого це стосується
- користувачі програм зчитування екрана
- незрячі та слабозорі покупці
Як виправити
Розмістіть увесь видимий вміст усередині елементів-орієнтирів: <header>, <nav>, <main>, <aside> і <footer> (або відповідних ARIA-ролей). Перенесіть «загублені» блоки, як-от смуги оголошень, банери й форми підписки, у відповідний орієнтир і переконайтеся, що на кожній сторінці рівно один <main>. Спливні вікна й банери cookie можна розмітити як діалог або область із назвою.
У Shopify
У layout/theme.liquid теми зазвичай уже є шапка, <main> і підвал; попередження викликають секції або блоки застосунків, вставлені поза ними. Перенесіть їх у потрібну групу або обгорніть орієнтиром у коді Liquid.
У Shoptet (CZ)
Залежить від шаблону; HTML, доданий через можливості власного коду Shoptet, теж може опинитися поза орієнтирами. Обгорніть власний код елементом-орієнтиром, а щодо шаблону зверніться до Shoptet чи партнера.
У PrestaShop
Перевірте файли макета .tpl теми на блоки, що виводяться поза шапкою, основним вмістом і підвалом, особливо хуки модулів на кшталт банерів. Обгорніть їх відповідним орієнтиром у шаблонах теми.
У WooCommerce
Часто причина в секціях конструктора сторінок або виводі плагінів поза <main> теми. Змініть шаблони шапки й підвалу в дочірній темі або скористайтеся налаштуванням HTML-тегу секції в конструкторі, якщо воно є.
Стандарти
Це не критерій WCAG, а рекомендована практика, що робить сайт зручнішим.
Автоматична перевірка: правило axe-core region.
dequeuniversity.com, github.com, www.w3.org