Alt-текст описывает, какую информацию или функцию изображение передаёт на странице. Он помогает людям, которые пользуются скринридером или не видят картинку, а также даёт поисковым системам дополнительный контекст. Хороший alt пишут для конкретного изображения в конкретном месте страницы. Заполнять это поле ключевыми словами или названием файла недостаточно.
Что показывают данные об ошибках
В отчёте WebAIM Million за 2026 год автоматическая проверка обнаружила отсутствующий альтернативный текст как ошибку на 53,1% главных страниц из выборки в миллион сайтов. Эта цифра означает долю страниц с такой ошибкой, а не долю всех изображений в интернете. Отдельно WebAIM сообщает, что 16,2% изображений на проверенных главных страницах не имели alt; пустой `alt=""`, используемый для декоративных изображений, в эту долю не входил. Среди картинок без alt 45% были ссылками. Отчёт WebAIM Million 2026.
В отчёте также отмечено, что у 10,8% изображений, где текст есть, он выглядел сомнительным или повторяющимся: например, называл картинку словом «image», повторял имя файла или соседний текст. WebAIM анализировал главные страницы и использовал автоматический инструмент WAVE для отрендеренного DOM. Это полезный обзор распространённых проблем, но не ручная проверка всех страниц и не полная оценка доступности сайта.
ВОЗ оценивает число людей со значительной инвалидностью в 1,3 миллиарда человек, или примерно 16% населения мира. Это данные обо всех видах инвалидности, а не число людей с нарушением зрения или пользователей скринридеров. Для веб-изображений важнее практический вывод: альтернативный текст помогает тем, кто не может воспринимать картинку визуально, если она передаёт нужную информацию. Данные ВОЗ об инвалидности и здоровье.
Сначала определите роль изображения
Перед тем как писать alt, спросите себя: что человек должен узнать или сделать благодаря этой картинке? Один и тот же файл на разных страницах может выполнять разную роль. В галерее товара важны различия между вариантами; в статье о дизайне — композиция или деталь; в логотипе-ссылке — куда ведёт ссылка.
| Тип изображения | Что передать | Пример |
|---|---|---|
| Содержательное фото или иллюстрация | Главную деталь, важную для темы страницы | «Инженер измеряет диаметр металлической детали штангенциркулем» |
| Декоративный фон или разделитель | Ничего, если без изображения смысл страницы не меняется | Пустой атрибут `alt=""` |
| Иконка-кнопка или изображение-ссылка | Действие или назначение ссылки | «Поиск по сайту» или «Открыть каталог» |
| График или сложная схема | Короткий смысловой вывод; подробности дать текстом или в таблице рядом | «Продажи выросли в третьем квартале; данные по месяцам приведены ниже» |
Для чисто декоративной картинки задайте именно пустое значение `alt=""`. Отсутствующий атрибут и пустой атрибут — не одно и то же: пустой сообщает вспомогательной технологии, что это изображение можно пропустить. Если изображение — единственное содержимое ссылки или кнопки, укажите в alt цель или действие. Например, для значка лупы подойдёт «Поиск», а не «Лупа». Если рядом уже есть текст «Открыть каталог», а иконка ничего не добавляет, её alt может быть пустым, чтобы не заставлять скринридер читать одно и то же дважды. Это соответствует рекомендациям W3C WAI по выбору alt.
Пишите коротко, точно и по контексту
Для обычной фотографии часто хватает короткой фразы с главным содержанием. «Рыжий корги несёт синий мяч по траве» сообщает больше, чем «собака», но не перечисляет каждую мелочь в кадре. Для карточки товара назовите видимые особенности, которые помогают различать варианты: например, «чёрная кожаная сумка с короткими ручками, вид спереди». Не добавляйте характеристики, которых нельзя подтвердить изображением.
Не начинайте описание с шаблонов вроде «картинка 1», «фото товара» или имени файла. Обычно скринридер сам сообщает, что встретилось изображение. Слова «фотография», «иконка» или «иллюстрация» нужны только тогда, когда тип изображения важен для понимания содержания.
У alt нет универсального обязательного предела в 125 символов. Для простой картинки описание должно быть настолько кратким, насколько позволяет смысл. Для диаграммы или схемы одной фразы часто мало: укажите основной вывод в alt, а значения, подписи и связи изложите рядом в доступном тексте, списке или таблице. Такой подход рекомендует W3C для сложных изображений.
Alt помогает поиску, но не заменяет текст страницы
Google использует alt вместе с компьютерным зрением и содержанием страницы, чтобы понять изображение. Для картинки-ссылки alt также может выполнять роль текста ссылки. Поэтому описание должно соответствовать самой картинке и теме окружающего материала, а не быть отдельным списком ключей. Google предупреждает, что наполнение alt ключевыми словами ухудшает пользовательский опыт и может рассматриваться как спам. Это не означает, что любая неудачная формулировка автоматически вызывает санкцию. Рекомендации Google по SEO изображений.
Не нужно приписывать alt универсальную способность «сделать страницу видимой для нейросетей». Для поиска изображений и понимания контекста он полезен, но Google учитывает и само изображение, и текст страницы. Основная цель остаётся прежней: передать пользователю нужную информацию или функцию.
Как проверить alt на сайте
Начните с обхода страниц и шаблонов: главной, категорий, карточек товара, статей, кейсов и форм. Составьте список изображений без атрибута alt, изображений с пустым значением, повторяющихся описаний, имён файлов и слишком длинных списков ключевых слов. Пустые значения не исправляйте автоматически: сначала убедитесь, что картинки действительно декоративные или дублируют соседний текст.
Для ссылок и кнопок проверьте, можно ли понять их назначение без визуального изображения. Для содержательных картинок оцените, помогает ли текст восстановить ключевой смысл. Автоматический сканер может найти пустые поля и подозрительные шаблоны, но не знает, что важно на конкретной странице. Поэтому выборку нужно проверить вручную, а после изменений пройтись по ней со скринридером или попросить пользователя доступных технологий проверить основные сценарии.
При массовой обработке ИИ может предложить черновые описания по изображениям, но их нужно сверять с контекстом страницы и самими файлами. Модель может перепутать предмет, цвет, количество деталей или цель ссылки. Не публикуйте сотни автоматически сгенерированных alt без проверки — иначе аккуратно заполненные поля создадут только видимость качества.
Практический порядок прост: определить роль картинки, выбрать нужные детали, написать кратко и проверить, не повторяет ли описание текст рядом. Для декоративных изображений оставляйте `alt=""`, для кнопок называйте действие, а для сложной инфографики добавляйте полноценное текстовое объяснение. Так alt становится полезным и для доступности, и для понимания страницы поисковыми системами.
