Требование WCAG A/AA Приоритет: Умеренно
У некоторых векторных изображений нет текстового описания
Некоторые SVG-изображения, например логотипы, иконки или значки, размечены как изображения, но не имеют текстовой альтернативы.
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Пользователи скринридеров не слышат ничего полезного об изображении и могут пропустить значок, логотип платёжной системы или смысл иконки.
Кого это касается
- незрячие покупатели
- пользователи скринридеров
Как исправить
Для <svg> с role="img" добавьте <title> первым дочерним элементом или используйте aria-label либо aria-labelledby. Если изображение декоративное, удалите role="img" и добавьте aria-hidden="true".
В Shopify
Обычно это сниппеты иконок темы или виджеты приложений. Добавьте title или aria-label в SVG-сниппетах темы; об иконках приложений сообщите разработчику.
В Shoptet (CZ)
Обычно это иконки или логотипы шаблона. Сообщите об этом в Shoptet или партнёру.
В PrestaShop
Обычно это иконки темы или модули. Добавьте названия в шаблонах .tpl или SVG-файлах темы.
В 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 svg-img-alt.
dequeuniversity.com, github.com, www.w3.org
Похожие проверки
-
Название или значение стоит вне своего списка
WCAG 1.3.1 A
-
У выпадающего списка нет подписи
WCAG 4.1.2 A
-
Кликабельное изображение работает только с мышью
WCAG 2.1.1 A
-
Вся страница скрыта от скринридеров
WCAG 1.3.1 A