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

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

Нестандартні кнопки не мають назви

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

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

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

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

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

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

Як виправити

Дайте назву кожному елементу з role="button", "link" або "menuitem": видимий текст, aria-label або aria-labelledby. Краще використати нативні <button> або <a href> — вони одразу підтримують і клавіатуру.

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

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

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