Перейти до вмісту
Pandus
uk Змінити мову
Меню

Вимога WCAG A/AA Пріоритет: Помірно

Деякі підказки порожні

Деякі елементи, позначені як спливні підказки (role="tooltip"), не мають тексту, який можна прочитати.

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

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

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

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

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

Як виправити

Переконайтеся, що кожен елемент з role="tooltip" містить текст або має aria-label чи aria-labelledby. Пов’яжіть підказку з елементом, який вона пояснює, через aria-describedby. Якщо текст завантажується лише під час наведення, додайте його на сторінку одразу й лише показуйте під час наведення та фокусу з клавіатури.

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

Схожі перевірки

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