Рекомендуемая практика Приоритет: Умеренно
Ссылка «Перейти к содержимому» не работает
На странице есть ссылка для пропуска, но места, на которое она указывает, не существует или оно не может получить фокус. Это рекомендуемая практика сверх уровня WCAG 2.2 AA.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Пользователи клавиатуры нажимают «Перейти к содержимому», чтобы обойти меню, но ничего не происходит или фокус возвращается наверх. Тогда на каждой странице им приходится проходить клавишей Tab всю шапку и меню, и просмотр товаров и оформление заказа становятся медленными и утомительными.
Кого это касается
- пользователи, которые работают только с клавиатуры
- пользователи скринридеров
- люди с нарушениями моторики
Как исправить
Убедитесь, что href ссылки для пропуска (например, #MainContent) совпадает с id элемента, который есть на каждой странице, обычно это элемент <main>. Если цель по умолчанию не получает фокус, добавьте ей tabindex="-1". Проверьте: загрузите страницу, нажмите Tab один раз, затем Enter; следующее нажатие Tab должно попасть внутрь основного содержимого.
В Shopify
Большинство тем размещает ссылку для пропуска в layout/theme.liquid со ссылкой на id основного содержимого. Если собственный шаблон или секция изменили или убрали этот id, восстановите его в коде Liquid.
В Shoptet (CZ)
Зависит от шаблона. Если вы добавили собственную ссылку для пропуска через собственный код, проверьте, существует ли её цель; если нет, обратитесь в Shoptet или к партнёру.
В PrestaShop
Проверьте файлы макета .tpl темы: id цели ссылки для пропуска должен совпадать с элементом, который есть на всех типах страниц, включая страницы товара и корзины.
В WooCommerce
Ссылка для пропуска обычно находится в шаблоне шапки темы, а её цель в шаблоне содержимого. Конструкторы страниц и пустые шаблоны часто убирают цель; добавьте нужный id в дочерней теме или в настройках конструктора.
Стандарты
Это не критерий WCAG, а рекомендуемая практика, которая делает сайт удобнее.
Автоматическая проверка: правило axe-core skip-link.
dequeuniversity.com, github.com, www.w3.org