Вимога WCAG A/AA Пріоритет: Незначно
Деякі елементи використовують застарілі ролі доступності
Деякі елементи мають ролі, які стандарт доступності WAI-ARIA визнав застарілими, наприклад role="directory".
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Браузери та програми зчитування з екрана поступово припиняють підтримку цих ролей. Тоді елемент може озвучуватися без свого значення, наприклад список посилань більше не подається як список.
Кого це стосується
- користувачі програм зчитування з екрана
Як виправити
Замініть застарілу роль на її сучасний відповідник (наприклад role="list" замість role="directory") або, ще краще, використайте відповідний нативний елемент HTML, як-от <ul>. Якщо роль нічого не додає, видаліть її.
У Shopify
Трапляється нечасто, зазвичай у старішій темі чи застосунку. Знайдіть роль у файлах Liquid і JavaScript теми та замініть її; перевірте, чи нова версія теми або застосунку вже це виправила.
У 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-deprecated-role.
dequeuniversity.com, github.com, www.w3.org
Схожі перевірки
-
Кнопка-зображення не має текстового опису
WCAG 1.1.1 A
-
Деякі поля форм мають кілька підписів
WCAG 3.3.2 A
-
Деякі заголовки є лише жирним або великим текстом
WCAG 1.3.1 A
-
Деякі посилання не повідомляють, куди ведуть
WCAG 2.4.4 A