Изображения без альтернативного текста
Что это значит и почему это важно
Скринридеры озвучивают такие изображения как «изображение» или зачитывают имя файла. Фото товаров без alt-текста делают магазин непригодным для незрячих покупателей (WCAG 1.1.1).
Как исправить
Добавьте короткий alt-текст, описывающий назначение изображения (например, название и цвет товара). Декоративным изображениям задайте пустой alt="".
Пример кода
До
<img src="/img/jacket-blue.jpg">После
<img src="/img/jacket-blue.jpg" alt="Rain jacket, navy blue, front view">
<img src="/img/divider.svg" alt=""> <!-- decorative -->Найдите эту ошибку на своём сайте
Бесплатно проверьте любую страницу — результат за несколько секунд, с инструкциями по исправлению.