У фотографии зала, иконки-ссылки и декоративного фона разные задачи. Альтернативный текст подбирают под назначение изображения на конкретной странице. Разберём, что описывать в alt и как проверить результат в готовом сайте.
Начните с назначения изображения
Alt содержит текстовую замену изображения. Его читают программы экранного доступа; он также может помочь, когда картинка не загрузилась. Чтобы написать полезный alt, сначала определите, зачем изображение стоит на странице: показывает деталь, ведёт по ссылке, передаёт данные или только украшает фон.
Одна фотография в разных местах может требовать разных описаний. В галерее зала важна его планировка. В инструкции о доступном входе на том же кадре нужно описать ступени или пандус, если они действительно видны. Название заведения само по себе не передаёт эту информацию.
В схеме выбора W3C решение зависит от содержания и функции изображения в конкретном контексте. Поэтому заполнять все картинки одним SEO-шаблоном неудобно и для читателя, и для редактора.
Как описывать содержательные фотографии
Назовите предмет и деталь, ради которой выбрали кадр. Используйте только видимые или проверенные сведения. По фотографии нельзя достоверно установить вместимость зала, цену услуги или материал мебели. Эти факты размещают в тексте страницы после проверки.
| Учебная ситуация | Вариант alt |
|---|---|
| На фото показана посадка у окна | Стол на четверых у окна в основном зале |
| На фото показан вход со стороны двора | Вход в офис со двора, дверь справа от арки |
| На схеме отмечены этапы работы | Порядок проверки изображений перед публикацией |
Это примеры для описанных ситуаций, а не сведения о конкретном заведении или офисе. Перед использованием сверьте каждое слово со своим изображением. Если для выбора посетителю важны размеры или условия доступа, добавьте проверенные данные рядом обычным текстом.
В рекомендациях Google для изображений alt рассматривается вместе с содержимым страницы и визуальной информацией. Google предостерегает от избытка ключевых слов. Перечень «ресторан Москва недорого банкет лучший зал» не объясняет, что показано на снимке.
Когда нужен пустой alt
У декоративного изображения, которое не добавляет смысла, допустим alt="". Это именно пустое значение, а не отсутствие атрибута. Например, разделительная волна между блоками не требует слов «красивая волна». По рекомендациям W3C, такую графику можно исключить из озвучивания.
Проверьте, теряется ли информация, если убрать картинку. Если на ней показан единственный план прохода к входу, считать её декоративной нельзя. Если она повторяет уже доступный рядом текст и не выполняет отдельного действия, пустой alt может убрать лишний повтор.
Не удаляйте описания у всех обложек по одному правилу. Сначала просмотрите типовые страницы: карточку, полную статью, галерею. Один файл может использоваться в них по-разному.
У изображения-ссылки важен переход
Если картинка служит единственным содержимым ссылки или кнопки, альтернативный текст должен объяснять назначение элемента. Для иконки скачивания меню полезнее «Скачать меню в PDF», чем «Стрелка вниз». Такой принцип описан в руководстве W3C по функциональным изображениям.
Когда внутри той же ссылки уже есть понятный текст, описание иконки может оказаться повтором. Оценивать нужно весь элемент: куда он ведёт и какое имя получает при озвучивании. Проверка одного поля в медиатеке этого не покажет.
Сложную схему поясните рядом
График продаж или план размещения нельзя полноценно заменить коротким названием. Дайте изображению краткое обозначение, а значения и связи раскройте в доступном тексте или таблице рядом. W3C предлагает такой подход к сложным изображениям, чтобы человеку были доступны значения и связи, показанные на графике.
Например, у схемы проверки можно подписать alt «Порядок проверки изображений перед публикацией». В тексте рядом перечислить этапы: определить назначение, написать альтернативу, проверить её на странице. Слова внутри картинки тогда не остаются единственным источником инструкции.
Проверьте опубликованную страницу
После сохранения откройте нужную страницу и проверьте фактический элемент img: его файл и значение alt. В CMS подпись, заголовок файла и альтернативный текст могут храниться в разных полях. Изменение в медиатеке не подтверждает, что нужное значение появилось во всех блоках сайта.
- Сопоставьте описание с конкретным изображением и окружающим текстом.
- Убедитесь, что декоративные элементы имеют пустой alt, а содержательные не потеряли информацию.
- Проверьте названия ссылок и кнопок с изображениями с помощью программы экранного доступа.
- Для схем и графиков найдите текстовое пояснение или таблицу с данными.
Отдельно проверьте, что сам файл открывается и картинка хорошо читается на телефоне. Alt не исправляет недоступный файл или мелкую схему. Для ресторанного сайта эта работа связана с оформлением меню и фотографий блюд, а для других услуг - с содержанием конкретной страницы.
Чтобы обсудить проверку с Violet Agency, подготовьте адрес страницы и несколько изображений, для которых непонятно назначение описания. По этой выборке можно согласовать правила для редактора и изменения шаблона сайта.
Источники и актуальность
Документация проверена 9 ноября 2026 года.