Перейти до вмісту
Pandus

Вимога WCAG A/AA Пріоритет: Серйозно

Немає швидкого способу перейти до основного вмісту

На сторінці немає посилання для пропуску, заголовка чи орієнтира main, які дозволили б користувачам клавіатури й програм зчитування з екрана перейти одразу за шапку та меню.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

Користувачам клавіатури доводиться на кожній сторінці натискати Tab через усю шапку, меню й фільтри, перш ніж дістатися товарів чи кошика. Користувачі програм зчитування з екрана не можуть швидко знайти, де починається вміст.

Кого це стосується

  • користувачі, які керують сайтом з клавіатури
  • користувачі програм зчитування з екрана
  • люди з порушеннями моторики

Як виправити

Додайте посилання «Перейти до вмісту» першим елементом, на який можна перейти клавішею Tab, з переходом до основного вмісту, і зробіть його видимим під час фокусу. Огорніть основний вміст елементом <main> і дайте сторінці зрозумілу структуру заголовків, що починається з <h1>. Найкраще мати всі три.

У Shopify

Більшість сучасних тем мають посилання для пропуску й <main>; у старих або сильно змінених темах їх може не бути. Поверніть їх у layout/theme.liquid.

У Shoptet (CZ)

Залежить від шаблону. Перевірте, чи є новіша версія шаблону з посиланням для пропуску; якщо ні, зверніться до Shoptet або партнера Shoptet.

У PrestaShop

Стандартні теми зазвичай мають заголовки й область основного вмісту; власні теми можуть їх не мати. Додайте посилання для пропуску й <main> у файли макета .tpl теми.

У WooCommerce

Залежить від теми; деякі шапки конструкторів сторінок або порожні шаблони прибирають посилання для пропуску чи <main>. Додайте їх у шаблон шапки дочірньої теми або в налаштування теми конструктора.

Стандарти

Стандарти
СтандартПункт
WCAG 2.2 2.4.1 (A) Bypass Blocks
WCAG 2.1 2.4.1 (A) Bypass Blocks
WCAG 2.0 2.4.1 (A) Bypass Blocks
EN 301 549 4.1.1 9.2.4.1
EN 301 549 3.2.1 9.2.4.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.4.1

Автоматична перевірка: правило axe-core bypass. dequeuniversity.com, github.com, www.w3.org

Усі правила, які ми перевіряємо