Рекомендуемая практика Приоритет: Незначительно
Подвал сайта вложен в другую область страницы
Область подвала (ориентир «contentinfo» с контактами, юридическими ссылками и информацией об оплате) вложена в другую область, например в основное содержимое, вместо того чтобы стоять отдельно внизу страницы. Это рекомендуемая практика, выходящая за рамки уровня WCAG 2.2 AA, на который опираются законы о доступности.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Пользователи программ чтения с экрана переходят между областями страницы (шапка, меню, основное содержимое, подвал), как между главами, и часто сразу идут в подвал, чтобы найти контакты, условия доставки и возврата или оферту. Когда подвал вложен в основное содержимое или другую область, он не появляется как отдельная глава, и этим покупателям приходится искать информацию, которую остальные видят с первого взгляда.
Кого это касается
- пользователи программ чтения с экрана
- покупатели, ищущие контакты, условия возврата или оферту с помощью программы чтения с экрана
Как исправить
Разместите <footer> сайта (или элемент с role="contentinfo") непосредственно в структуре страницы, после <main> и вне любого другого ориентира. Частая причина: обёртка страницы с role="main", которая закрывается только после подвала, или role="contentinfo", добавленный подвалу внутри другого ориентира. <footer> внутри <article> или <section> допустим, так как он не считается подвалом сайта.
В Shopify
Группа секций подвала обычно стоит после <main> в layout/theme.liquid. Проверьте, что <main> или собственная обёртка с ролью ориентира закрывается до подвала и что ни одна секция не добавляет role="contentinfo" внутри содержимого.
В Shoptet (CZ)
Определяется HTML-структурой шаблона. Проверьте, исправляет ли это более новая версия шаблона; иначе сообщите в Shoptet или партнёру.
В PrestaShop
Обычно это .tpl-файлы макета темы, подключающие подвал. Убедитесь, что блок подвала идёт после закрытия обёртки основного содержимого и не находится внутри элемента с ролью ориентира.
В WooCommerce
Обычно footer.php темы закрывает обёртку содержимого слишком поздно или шаблон подвала конструктора страниц находится внутри элемента с ролью ориентира. Исправьте это в footer.php дочерней темы или в шаблоне подвала конструктора.
Стандарты
Это не критерий WCAG, а рекомендуемая практика, которая делает сайт удобнее.
Автоматическая проверка: правило axe-core landmark-contentinfo-is-top-level.
dequeuniversity.com, github.com, www.w3.org