Изображения без алтернативен текст
Какво означава и защо е важно
Екранните четци обявяват такива изображения като „изображение“ или прочитат името на файла. Снимки на продукти без alt текст правят онлайн магазина неизползваем за незрящи клиенти (WCAG 1.1.1).
Как да поправите
Добавете кратък алтернативен текст, който описва предназначението (напр. име и цвят на продукта). Декоративните изображения получават 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 -->Открийте тази грешка на сайта си
Проверете безплатно всяка страница — резултат за секунди, с указания за поправка.