Нестандартним елементам керування бракує обовʼязкової інформації

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

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

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

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

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

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

Як виправити

Додайте атрибути, яких вимагає роль, наприклад aria-expanded для role="combobox" або aria-valuenow для role="slider". Оновлюйте їх через JavaScript, коли змінюється стан. Де можливо, використовуйте нативні елементи HTML.

У Shopify

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

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