Альтернативный текст изображений: правила и примеры

Критерий 1.1.1 и пункт 2 г постановления требуют текстовую альтернативу для любого нетекстового контента. Экранный диктор читает атрибут alt вместо картинки, поэтому от его текста зависит, поймёт ли человек, что на странице.

Три случая

• Информативное изображение: описываем содержание. Для товара – «Кроссовки Nike Air Zoom, белые, вид сбоку», а не «IMG_2031».
• Функциональное изображение (кнопка, ссылка-иконка): описываем действие – «Поиск», «Открыть корзину».
• Декоративное изображение: пустой alt="" , чтобы диктор его пропустил. Отсутствие атрибута – ошибка, диктор прочитает имя файла.

Графики и схемы

Короткий alt с сутью («График роста продаж за 2025 год: с 1,2 до 2,1 млн») и полное описание или таблица рядом в тексте. Длинное описание в alt не помещается и плохо читается.

Чего избегать

• Слов «изображение», «картинка», «фото» в начале: диктор и так объявляет тип элемента.
• Ключевых слов для SEO вместо описания.
• Одинакового alt у разных картинок галереи.
• Текста на картинке без дублирования в alt.

Как найти проблемные картинки

Отчёт SEOptimer показывает каждое изображение без альтернативы с селектором и снимком. В кабинете мониторинга видно, на скольких страницах сайта встречается та же проблема, чтобы исправить её в шаблоне, а не по одной.