На снимке ребёнок в шлеме стоит на самокате с двумя передними колёсами и широкой декой. Подпись «Детский самокат» не передаст этих деталей человеку, который слушает описание через программу чтения с экрана. Лучше написать: «Ребёнок в шлеме стоит на трёхколёсном самокате с широкой декой». По такой фразе уже можно представить, что показано.
Alt-текст — краткое описание изображения в атрибуте alt. Его содержание зависит от задачи картинки. Иногда достаточно назвать предмет, иногда нужно объяснить различие между деталями, а декоративной иллюстрации описание не требуется. Чтобы понять, что написать, представьте: фотография не загрузилась. Какую важную информацию потерял читатель?
Сначала определите, зачем нужна картинка
Один снимок может требовать разных описаний. В статье о ножном тормозе стоит указать, что тормозное крыло находится над задним колесом. В рассказе о прогулке эта подробность, скорее всего, ни к чему. Alt-текст дополняет соседний абзац, а не пересказывает его.
- Содержательное изображение показывает важную для читателя деталь: например, положение руля относительно ребёнка или место крепления колеса.
- Изображение-сравнение помогает различить варианты. Назовите видимое различие: «Слева самокат с двумя передними колёсами, справа — с одним».
- Декоративное изображение задаёт настроение, но не добавляет сведений. Если всё существенное уже сказано рядом, ему подходит пустой атрибут
alt="". - Изображение-ссылка нуждается в описании действия или назначения перехода, если рядом нет понятного текстового названия. Фраза «самокат на фото» не объясняет, куда ведёт ссылка.
Пустой alt — не забытый текст, а решение для декора. Но пустое значение и отсутствие атрибута — разные вещи: если alt вообще не указан, программа чтения с экрана может произнести имя файла. IMG_0842.jpg ничего не расскажет читателю.
Пишите то, что видно, а не то, что хочется доказать
Описывайте лишь то, что можно уверенно определить по изображению. Фотография не доказывает, что самокат подходит ребёнку определённого возраста или что маршрут безопасен. Даже о посадке шлема нельзя судить, если ремешок скрыт. Для таких выводов нужны пояснения в статье, а иногда и дополнительные снимки.
Начните с предмета или действия, затем добавьте одну-две значимые детали. В материале о выборе самоката по росту пригодится фраза «Ребёнок держит руль самоката примерно на уровне пояса». В статье об уходе — «Взрослый протирает колёса самоката влажной тканью». Если в кадре только руки и часть самоката, не называйте человека родителем или механиком: достаточно описать действие.
Чем конкретность отличается от перегруза
«Девочка в синей куртке и белых кроссовках стоит слева от красной скамейки, держась за жёлтый самокат» — точное, но не всегда полезное описание. В статье о высоте руля цвет скамейки и обуви отвлечёт от главного. А в материале о заметности ребёнка на прогулке цвет одежды уже может быть важен. Оставляйте детали, которые помогают понять смысл снимка именно на этой странице.
Не начинайте каждый alt-текст словами «изображение», «фотография» или «на картинке»: программа чтения с экрана обычно и так сообщает тип элемента. Другое дело — схема расположения деталей. Здесь слово «схема» помогает понять, что перед читателем не обычный снимок.
Снимки самокатов: какие детали помогают родителям
В статье о детских самокатах снимок часто нужен не для красоты: он показывает особенность конструкции или то, как ребёнок стоит рядом с самокатом. Alt-текст должен передать эту деталь, но не дублировать инструкцию из соседнего абзаца.
| Что показано | Удачное направление для alt-текста | Чего избегать |
|---|---|---|
| Два самоката рядом | Назвать видимое различие в числе колёс или форме деки | Объявлять один вариант «лучшим для всех детей» |
| Крупный план тормоза | Указать, где он расположен и как выглядит | Утверждать, что торможение всегда будет быстрым |
| Ребёнок рядом с самокатом | Описать положение руля, если материал посвящён росту | Определять точный возраст или рост по фото |
| Шлем и защита | Назвать видимые элементы экипировки | Обещать защиту от любой травмы |
На фотографии маршрута можно отметить наблюдаемые условия: «Ровная дорожка в парке отделена газоном от проезда». Называть её безопасной по одному кадру нельзя. Для катания ребёнку нужны подходящая защитная экипировка, проверка обстановки на месте и присмотр взрослого. Ни фотография, ни alt-текст этого не заменят.
Как описывать схемы, подписи и текст на изображении
Схема может содержать больше сведений, чем уместится в коротком alt-тексте. Тогда описание обозначает её тему — например, «Схема показывает положение руля и рук ребёнка на самокате», — а сравнение положений и пояснения остаются в тексте рядом. Так смысл будет доступен и тому, кто не видит схему, и тому, кому трудно разобрать мелкие надписи внутри неё.
Если на изображении есть слова, проверьте, нельзя ли вынести их в обычный текст. Указание «нажмите на рычаг» там проще увеличить, скопировать и прочитать с помощью вспомогательных технологий. Если надпись неотделима от картинки и важна для понимания, передайте её в alt-тексте или соседнем описании. Целую инструкцию в атрибут помещать не стоит.
Когда соседний текст уже всё объяснил
При прослушивании страницы дословные повторы быстро утомляют. Если под фото стоит подпись «Задний тормоз расположен над колесом», alt-текст может уточнить внешний вид детали. А если снимок ничего не добавляет к подписи, alt можно оставить пустым. Главное — проверить, потеряется ли без картинки существенная информация. Подпись и alt-текст работают вместе, но совпадать слово в слово им не обязательно.
Длина, язык и поисковые слова
Универсального лимита слов для alt-текста нет. Обычной фотографии часто хватает одной короткой фразы. Важнее, чтобы нужная деталь считывалась сразу. Если описание растянулось на несколько предложений, часть сведений, вероятно, лучше перенести в статью.
Пишите на языке страницы. Для русскоязычного материала «широкая дека трёхколёсного самоката» звучит естественнее, чем набор английских слов из имени файла. Модель стоит называть, только если статья действительно сравнивает модели и её можно надёжно определить. Строка «самокат детский купить колёса тормоз» снимок не описывает — это набор поисковых слов.
Не добавляйте ради поиска сведения, которых нет на фото. Допустимую нагрузку, материал рамы и возрастные ограничения производителя лучше указать в соседнем тексте, предварительно проверив данные. Важные характеристики не должны быть спрятаны только в атрибуте изображения.
Рабочая проверка перед публикацией
Удобнее писать alt-текст, когда картинка уже стоит на своём месте в статье: видно, на какой вопрос отвечает абзац и что к нему добавляет снимок. Перед публикацией проверьте каждый файл:
- Определите роль изображения: информация, сравнение, ссылка или декор.
- Назовите видимый предмет или действие, не делая предположений о возрасте, навыках и безопасности.
- Оставьте деталь, важную для этого абзаца, и уберите случайные подробности фона.
- Сравните описание с подписью и соседним текстом: нет ли бесполезного повтора?
- Прочитайте страницу без картинок. Понятны ли совет, сравнение или инструкция?
Даже если одно фото используется в нескольких статьях, не копируйте alt-текст автоматически. В материале о хранении важен сложенный руль у стены, а в объяснении механизма складывания — положение фиксатора. Контекст меняется, и описание вместе с ним.
Наконец, посмотрите на сам кадр. Alt-текст не исправит снимок, где нужная деталь размыта или закрыта рукой. Если объясняете устройство тормоза, выберите крупный план, на котором видны крыло и заднее колесо. Тогда хватит простой фразы: «Тормозное крыло расположено над задним колесом самоката».
