Рекомендована практика Пріоритет: Помірно
На сторінці не позначено основний вміст
Жодну частину сторінки не позначено як основний вміст, тож допоміжні технології не можуть визначити, де починається головне. Це рекомендована практика, яка виходить за межі рівня 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