Рекомендуемая практика Приоритет: Незначительно
Часть содержимого находится вне основных областей страницы
Некоторые части страницы не входят в ориентиры (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