Вимога WCAG A/AA Пріоритет: Помірно
Атрибути доступності використано не на тих елементах
Деякі елементи мають атрибути доступності, які не дозволені для їхнього типу.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Програми зчитування з екрана можуть проігнорувати атрибут або озвучити елемент незрозуміло. Тоді потрібна інформація, наприклад стан чи назва, до користувача не доходить.
Кого це стосується
- користувачі програм зчитування з екрана
Як виправити
Використовуйте лише ті атрибути, які підтримує роль елемента, наприклад aria-checked тільки для чекбоксів, радіокнопок і перемикачів. Або видаліть атрибут, або призначте елементу правильну роль. Надавайте перевагу нативним елементам HTML.
У Shopify
Зазвичай це код теми або застосунку. Знайдіть елемент у файлах Liquid і JavaScript теми та видаліть або виправте атрибут.
У Shoptet (CZ)
Зазвичай це код шаблону або доповнень. Зверніться до Shoptet або до партнера Shoptet.
У PrestaShop
Зазвичай це шаблони теми або модулів. Виправте це у файлах .tpl або JavaScript.
У WooCommerce
Зазвичай це код теми, конструктора сторінок або плагіна. Виправте це в дочірній темі або повідомте автора плагіна.
Стандарти
| Стандарт | Пункт |
|---|---|
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Автоматична перевірка: правило axe-core aria-allowed-attr.
dequeuniversity.com, github.com, www.w3.org
Схожі перевірки
-
Назва чи значення стоїть поза своїм списком
WCAG 1.3.1 A
-
Деякі заголовки таблиці не описують жодних даних
WCAG 1.3.1 A
-
Деякі поля форм мають кілька підписів
WCAG 3.3.2 A
-
Деякі відео чи звуки вмикаються самі зі звуком
WCAG 1.4.2 A