Рекомендована практика Пріоритет: Незначно
Опис зображення повторює текст поруч
Альтернативний текст зображення збігається з видимим текстом поруч, наприклад фото товару з alt-текстом «Синя лляна сорочка» у посиланні, де також написано «Синя лляна сорочка». Це рекомендована практика, а не вимога WCAG рівня AA.
Цей текст перекладено автоматично, носій мови його ще не вичитав.
Чому це важливо для ваших покупців
Користувачі програм зчитування екрана чують ті самі слова двічі, а на сторінці категорії це повторюється на кожній картці товару. Перегляд стає повільнішим і втомливішим, хоча жодна інформація не губиться.
Кого це стосується
- користувачі програм зчитування екрана
- незрячі люди
- користувачі брайлівських дисплеїв
Як виправити
Якщо зображення нічого не додає до тексту поруч, задайте йому порожній alt (alt=""), щоб програми зчитування екрана його пропускали. Якщо воно показує щось корисне, напишіть alt-текст, що описує відмінне, наприклад колір чи ракурс, замість повторення назви товару. Видимий текст залиште без змін.
У Shopify
Часто трапляється в картках товарів, де тема використовує назву товару як alt зображення поруч із посиланням-назвою. Змініть сніпет картки в Liquid, щоб alt був порожнім, коли назва поруч, або напишіть окремі alt-тексти для медіа товару в адмінці.
У Shoptet (CZ)
Alt-текст зображень товарів зазвичай береться з назви товару або опису зображення. Заповніть окремі описи зображень у налаштуваннях товару; щодо поведінки шаблону зверніться до Shoptet або партнера.
У PrestaShop
Зображення товарів у списках часто автоматично отримують назву товару як alt-текст. Змініть підписи зображень на сторінці товару або шаблон мініатюри товару в темі.
У WooCommerce
Часто буває, коли зображення товарів у списках магазину отримують назву товару як alt-текст. Змініть alt-текст у медіабібліотеці або шаблон списку в дочірній темі.
Стандарти
Це не критерій WCAG, а рекомендована практика, що робить сайт зручнішим.
Автоматична перевірка: правило axe-core image-redundant-alt.
dequeuniversity.com, github.com, www.w3.org