Деякі елементи мають роль, якої не існує

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

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

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

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

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

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

Як виправити

Використовуйте лише дійсні ролі ARIA зі специфікації WAI-ARIA, написані правильно й малими літерами, наприклад role="button", role="navigation" або role="dialog". Не використовуйте абстрактні ролі, як-от "widget", "landmark" чи "input". Ще краще взяти рідний HTML-елемент (<button>, <nav>, <dialog>) і прибрати role.

У Shopify

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

У Shoptet (CZ)

У стандартних шаблонах трапляється рідко; частіше у власному коді чи доданих скриптах. Попросіть Shoptet або партнера Shoptet перевірити шаблон і власний код.

У PrestaShop

Зазвичай це шаблони теми або модулі, як-от меню та слайдери. Виправте роль у файлах .tpl теми або в перевизначених шаблонах модулів.

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

Деякі кнопки не мають назви
WCAG 4.1.2 A
Сторінка містить застарілу розмітку миготливого тексту
WCAG 2.2.2 A
Атрибути доступності мають неправильні значення
WCAG 4.1.2 A
Деякі перемикачі та прапорці не мають назви
WCAG 4.1.2 A

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