Атрибути доступності використано в неправильній ситуації

Деякі елементи мають атрибути доступності, які для їхнього типу дозволені лише за певних умов, наприклад aria-checked на справжньому чекбоксі або атрибути деревоподібної таблиці на звичайному рядку таблиці.

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

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

Програма зчитування з екрана може озвучити стан, який відрізняється від того, що на екрані, наприклад «не позначено» на позначеному полі «Я приймаю умови» чи у фільтрі, або прочитати рядки таблиці як рівні дерева. Покупці можуть зробити неправильний вибір у фільтрах чи формі оформлення замовлення.

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

користувачі програм зчитування з екрана
незрячі покупці

Як виправити

На нативних чекбоксах приберіть aria-checked: стан поля input сам повідомляє, чи воно позначене. Атрибути рядків, як-от aria-level, aria-posinset, aria-setsize та aria-expanded, використовуйте на рядках таблиці лише всередині role="treegrid". Де можливо, надавайте перевагу нативним елементам HTML замість ARIA.

У 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-conditional-attr. dequeuniversity.com, github.com, www.w3.org

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