Атрибути доступності мають неправильні значення

Деякі атрибути доступності в коді мають недопустимі значення або посилаються на елементи, яких немає на сторінці.

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

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

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

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

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

Як виправити

Використовуйте лише допустимі значення (наприклад, aria-expanded="true" або "false"). ID в aria-labelledby, aria-describedby та aria-controls мають існувати на сторінці. Перевірте значення, які скрипти встановлюють динамічно.

У Shopify

Зазвичай це JavaScript теми або віджети застосунків, що задають значення ARIA. Виправте це у файлах Liquid і JavaScript теми; про проблеми застосунків повідомте їхнього розробника.

У Shoptet (CZ)

Зазвичай це скрипти шаблону чи доповнення. Зверніться до Shoptet або до партнера Shoptet.

У PrestaShop

Зазвичай це скрипти теми чи модулі. Виправте це в шаблонах і 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-valid-attr-value. dequeuniversity.com, github.com, www.w3.org

Відео не мають субтитрів
WCAG 1.2.2 A
Нестандартні кнопки не мають назви
WCAG 4.1.2 A
Деякі підказки порожні
WCAG 4.1.2 A
Зображення не мають текстового опису
WCAG 1.1.1 A

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