Рекомендована практика Пріоритет: Незначно
На сторінці більше одного головного футера
Сторінка позначає кілька областей як футер сайту, наприклад футер магазину і ще один футер у спливному вікні чи віджеті. Це рекомендована практика, яка виходить за межі рівня WCAG 2.2 AA, на який спирається закон.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Користувачі програм зчитування екрана переходять між областями сторінки (шапка, меню, основний вміст, футер), як між розділами книги. Коли футерів два, вони не розуміють, у якому контакти, умови повернення та юридичні посилання, і можуть припинити пошук.
Кого це стосується
- незрячі люди, які користуються програмами зчитування екрана
- люди, які переходять між областями сторінки з клавіатури
- літні покупці з допоміжними інструментами
Як виправити
Залиште рівно один футер для всього сайту: <footer>, що є безпосередньою частиною тіла сторінки (не всередині <article>, <section>, <main> чи <aside>), або один елемент з role="contentinfo". Приберіть role="contentinfo" з інших блоків, а зайві футери на рівні сторінки перетворіть на звичайні <div> або перенесіть усередину розділу, до якого вони належать.
У Shopify
Зазвичай причина в секції футера, доданій двічі, або в застосунку, який вставляє власний <footer>. Перевірте групу футера в layout/theme.liquid і секції, які вона виводить; попросіть розробника застосунку використати <div>.
У Shoptet (CZ)
Зазвичай це походить від шаблону або власного фрагмента коду, доданого у футер. Спершу перевірте HTML, який ви додали самі; якщо дублікат у шаблоні, повідомте Shoptet або партнера.
У PrestaShop
Зазвичай це шаблон футера теми плюс модуль, який виводить ще один <footer> на рівні сторінки. Відредагуйте перевизначення шаблону модуля в темі або файл .tpl футера теми.
У WooCommerce
Зазвичай це шаблон футера з конструктора сторінок плюс власний футер теми або плагін, що додає role="contentinfo". Вимкніть один із футерів у налаштуваннях конструктора чи теми або виправте розмітку у footer.php дочірньої теми.
Стандарти
Це не критерій WCAG, а рекомендована практика, що робить сайт зручнішим.
Автоматична перевірка: правило axe-core landmark-no-duplicate-contentinfo.
dequeuniversity.com, github.com, www.w3.org