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