Рекомендована практика Пріоритет: Помірно
Посилання «Перейти до вмісту» не працює
На сторінці є посилання для пропуску, але місця, на яке воно вказує, не існує або воно не може отримати фокус. Це рекомендована практика, що виходить за межі рівня 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