Зображення не мають текстового опису

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

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

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

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

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

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

Як виправити

Додайте атрибут alt до кожного <img>. Коротко опишіть те, що важливо для покупки (товар, колір, ключову деталь). Для суто декоративних зображень ставте alt="", щоб їх пропускали. Не починайте з «зображення…» і не напихайте ключові слова.

У Shopify

Додайте alt-текст до медіа товарів і до зображень у секціях теми в адмінпанелі Shopify. Якщо alt-текст є, але не виводиться, зазвичай у шаблоні Liquid теми бракує атрибута alt у тегу зображення.

У Shoptet (CZ)

Додайте описи до зображень товарів і банерів в адмінпанелі, якщо шаблон це дозволяє. Якщо шаблон їх не виводить, зазвичай потрібна зміна шаблону через Shoptet або партнера Shoptet.

У PrestaShop

Зображення товарів зазвичай беруть alt із підпису зображення або назви товару в адмінпанелі. Перевірте, що шаблони .tpl теми виводять атрибут alt, зокрема в модулях на кшталт слайдерів.

У WooCommerce

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

Стандарти

Стандарти
Стандарт	Пункт
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 image-alt. dequeuniversity.com, github.com, www.w3.org

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