Вимога 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
Схожі перевірки
-
Деякі індикатори прогресу не мають назви
WCAG 1.1.1 A
-
Деякі індикатори рівня не мають назви
WCAG 1.1.1 A
-
Атрибути доступності використано в неправильній ситуації
WCAG 4.1.2 A
-
Нестандартні поля введення не мають підпису
WCAG 4.1.2 A