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

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

Деякі графічні елементи не мають текстового опису

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

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

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

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

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

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

Як виправити

Дайте кожному елементу з role="img" назву через aria-label або aria-labelledby, наприклад aria-label="Оцінка 4.5 з 5". Якщо графіка декоративна, приберіть role="img" і приховайте її за допомогою aria-hidden="true".

У Shopify

Часто це зірки рейтингу із застосунків відгуків або іконки теми. Додайте назви в сніпетах Liquid теми; розмітку застосунку відгуків має виправити його розробник.

У Shoptet (CZ)

Часто це рейтинги чи іконки в шаблоні. Зверніться до Shoptet або до партнера Shoptet.

У PrestaShop

Часто це рейтинги чи іконки з модулів. Виправте це в перевизначених шаблонах модулів або повідомте розробника модуля.

У WooCommerce

Часто це зірки рейтингу з WooCommerce чи плагінів відгуків або іконкові шрифти теми. Виправте це в шаблонах дочірньої теми або повідомте автора плагіна.

Стандарти

Стандарти
СтандартПункт
WCAG 2.2 1.1.1 (A) Non-text Content
WCAG 2.1 1.1.1 (A) Non-text Content
WCAG 2.0 1.1.1 (A) Non-text Content
EN 301 549 4.1.1 9.1.1.1
EN 301 549 3.2.1 9.1.1.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.1.1

Автоматична перевірка: правило axe-core role-img-alt. dequeuniversity.com, github.com, www.w3.org

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

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