В атрибутах доступності є помилки в написанні

Деякі атрибути починаються з «aria-», але не є справжніми атрибутами ARIA — зазвичай через опечатку.

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

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

Такий атрибут ігнорується, тож назва чи стан, призначені для користувачів програм зчитування з екрана, до них не доходять. Наприклад, кнопка, яка мала називатися «Закрити», може залишитися зовсім без назви.

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

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

Як виправити

Звірте написання зі списком WAI-ARIA, наприклад aria-labelledby (а не aria-labeledby). Видаліть вигадані атрибути aria-*; для власних даних використовуйте data-*.

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

Поля форм не мають підписів
WCAG 4.1.2 A
Деякі кнопки форм не мають назви
WCAG 4.1.2 A
Випадний список не має підпису
WCAG 4.1.2 A
Текст важко прочитати через низький контраст
WCAG 1.4.3 AA

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