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

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

Випадний список не має підпису

Випадний список не має підпису, який можуть прочитати допоміжні технології.

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

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

Користувачі програм зчитування з екрана чують лише «комбіноване поле» і не знають, що в ньому вибирати: розмір, колір, кількість чи країну. Це може завадити вибрати варіант товару або завершити замовлення.

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

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

Як виправити

Повʼяжіть видимий <label for> з кожним <select> або використайте aria-labelledby з посиланням на видимий текст. aria-label використовуйте лише тоді, коли видимий підпис неможливий. Перевірте вибір варіантів, сортування та вибір країни.

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

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

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