Как написать alt-текст для изображений в статье об охоте и рыбалке

На схеме озера красным отмечено место сбора участников соревнования. Alt-текст «Карта озера с красной отметкой» описывает схему, но не помогает найти точку встречи. Здесь полезнее написать: «Место сбора участников — у северной парковки озера». Описание должно передавать то, ради чего изображение появилось в материале.

Alt-текст — короткое описание изображения в HTML-атрибуте alt. Его может озвучить программа экранного доступа; оно также помогает понять содержание страницы, если картинка не загрузилась. Это не подпись под фотографией: тот, кто видит изображение, обычно alt не читает. Чтобы проверить текст, мысленно уберите картинку и спросите себя, какая информация исчезла.

Сначала определите роль изображения

Одну фотографию можно правдиво описать по-разному. Допустим, рыболов держит измерительную линейку рядом с рыбой. В репортаже о соревновании кадр подтверждает результат участника. В материале о бережном обращении с уловом он показывает положение рыбы при измерении. Предметы те же, а задача снимка другая.

Перед заполнением поля alt ответьте на три вопроса:

Что изображение сообщает сверх соседнего текста?
Нужна ли эта информация, чтобы понять новость, маршрут, сравнение или действие?
Какую короткую фразу пришлось бы добавить в статью, если убрать изображение?

Ответ на последний вопрос часто становится основой alt-текста. Перечислять всё, что попало в кадр, не нужно. Если снимок помогает сравнить два типа поплавков, важна разница между ними, а не цвет стола.

Информативное, декоративное или служебное

Информативное изображение добавляет сведения: показывает подход к месту встречи, отличительный элемент снасти или результаты учёта рыбы. Alt передаёт то, что важно для этой страницы. Если график не объяснить одной короткой фразой, ключевые показатели и вывод стоит разместить рядом — в тексте или таблице. Длинному отчёту не место в атрибуте alt.

Декоративное изображение создаёт настроение, но не сообщает новых фактов. Широкий кадр утреннего берега над статьёй о подготовке снастей может не требовать описания, если этот берег не связан с темой. Тогда у изображения уместен пустой атрибут alt="". Это не забытое поле, а решение не заставлять читателя слушать описание декора.

Служебное изображение — часть интерфейса. Значок лупы на кнопке должен сообщать действие: «Поиск», а не «Лупа». Если рядом уже написано «Поиск», повторять слово через alt обычно не требуется. Когда кнопка «Открыть меню» после нажатия превращается в «Закрыть меню», её доступное название тоже должно меняться. Одного описания значка для этого недостаточно.

Пишите о значении, а не составляйте опись кадра

Оборот «на фотографии изображены» обычно можно убрать и сразу назвать главное. В обзоре катушки «Регулятор фрикциона расположен сверху шпули» полезнее, чем «Чёрная катушка лежит на деревянной поверхности». А если положение регулятора уже объяснено рядом и снимок ничего не добавляет, alt можно сократить или оставить пустым.

Краткость не должна стирать смысл. «Рыбак на реке» не объясняет фотографию, на которой показаны оборудованные секторы для участников. Но и фраза про синюю куртку, деревья и фидерную снасть перегружена, если одежда и фон не важны. Подойдёт «Участник располагает фидерную снасть в размеченном секторе» — читателю понятно, зачем кадр включили в материал.

Вид рыбы, модель прибора и место съёмки называйте, только если уверены в них и эти сведения нужны. Не можете надёжно определить вид по снимку — напишите «рыба» или уточните у автора фотографии. Не стоит приписывать кадру то, чего он не доказывает: слова «рыболов отпускает здоровую рыбу» содержат оценку её состояния. Видимое действие можно описать без такого вывода.

Когда внешний вид и есть смысл

Иногда снимок нужен именно ради внешнего признака: формы оправы в материале о поляризационных очках, расположения карманов в обзоре рюкзака, границы мутной и прозрачной воды в заметке о водоёме. Тогда цвет, форма и положение предметов уже не лишние детали. Например: «Два наружных кармана расположены по бокам рыболовного рюкзака».

Но фотография не заменяет измерения. По ней нельзя достоверно определить глубину водоёма, прочность льда или качество воды. Если у редакции есть такие данные, опубликуйте их в тексте и укажите источник; в alt оставьте то, что действительно видно.

Подбирайте формулировку к формату материала

В новости или анонсе изображение может показывать точку регистрации, вход на выставку, расположение секторов. Ошибка здесь способна отправить читателя не туда. Сверяйте направление, номер входа и название площадки с подтверждённой информацией организаторов. Если на схеме несколько важных точек, не пытайтесь вместить весь маршрут в один alt — опишите адрес и путь в тексте страницы.

Когда речь идёт о сроках, лимитах и разрешениях, надпись на скриншоте не должна оставаться единственным источником сведений. Даты и условия изложите обычным текстом и сверьте с действующими региональными нормативными актами: правила различаются по территориям и могут меняться. Alt скриншота может обозначить его содержание — например, «Таблица показывает сроки по указанным районам», — но не заменит проверенную таблицу и не станет правовой справкой.

В обзоре снаряжения описывайте деталь, ради которой снят кадр. Крупный план крепления подсачека не требует рассказа о фоне. Трём фотографиям одной катушки — общему виду, рукоятке и шпуле — тоже не нужен одинаковый alt «Рыболовная катушка». Различайте их: «Катушка с установленной рукояткой», «Рукоятка складывается к корпусу», «Шпуля с нанесёнными отметками вместимости». Характеристики, которых на фото не видно и не прочитать, туда не добавляйте.

Для репортажа порой достаточно назвать действие: «Участники взвешивают улов на площадке турнира». Имена указывайте, если люди достоверно опознаны и это важно для сюжета. Внешность незнакомых участников не нужно описывать просто ради полноты. Снимок, который служит лишь паузой в длинном тексте, может остаться декоративным.

Схемы, графики и изображения с текстом

У сложной иллюстрации короткий alt и полные данные решают разные задачи. Для графика можно обозначить главное наблюдение: «Число учтённых рыб снижалось в трёх последних обследованиях». Однако без подписей осей, значений и методики вывод легко понять неверно. Если цифры важны, приведите их в доступной таблице или абзаце после графика, а в alt кратко укажите содержание и связь с пояснением.

Для карты полезнее назвать назначение и один-два ориентира, чем пересказывать все линии и условные обозначения: «Маршрут к месту старта идёт от парковки вдоль восточного берега». Отмеченные на карте закрытые участки перечислите отдельно в тексте. Alt не должен быть единственным способом узнать, куда нельзя заходить: изображение может не загрузиться или оказаться обрезанным на мобильном экране.

Дата, время, адрес и условия участия в турнире нередко напечатаны только на афише. Переносить весь плакат в alt неудобно: длинную строку тяжело слушать и обновлять. Разместите сведения в анонсе, а для изображения используйте короткое описание, например «Афиша соревнования по ловле на поплавок». Если оформление не добавляет информации, допустим и пустой alt — при условии, что все важные данные есть рядом.

Со скриншотами приборов и приложений действует тот же принцип. Если снимок экрана эхолота показывает расположение объектов на дисплее, можно написать: «На экране эхолота виден перепад глубины у правого края». Если нужны числовые показания, проверьте их и внесите в основной текст. Мелкие цифры могут остаться неразборчивыми даже при увеличении.

Коротко — не значит одинаково

У alt нет нормы в пять или десять слов. Часто достаточно одной фразы, но сокращать её до потери смысла не стоит. Проверяйте каждое слово: «Карта с указанием места проведения рыболовного мероприятия» менее полезна, чем «Старт турнира отмечен у южного причала».

Не начинайте каждое описание со слов «фото», «изображение» или «картинка»: программы экранного доступа обычно сами обозначают графический элемент. А вот «схема», «карта» или «график» могут помочь понять, какой материал перед читателем. Набор поисковых запросов и синонимов в alt тоже ни к чему — он написан для человека, а не для скрытого списка ключевых слов.

Подпись и alt не обязаны совпадать. Подпись видят все посетители; в ней могут быть автор, место, дата или дополнительный контекст. Alt передаёт содержание снимка тому, кто его не видит. Если подпись уже точно сообщает тот же факт, не повторяйте её автоматически: проверьте, добавляет ли фотография что-то ещё. Например, alt «Судья показывает участнику границу сектора» описывает действие, а подпись может уточнять место и дату соревнования.

Проверка перед публикацией

Писать alt строго в момент загрузки файла необязательно. Важнее проверить его на готовой странице: одна фотография из медиатеки может работать по-разному в разных материалах. Если система подставила старое описание, сверьте его с новым текстом. Имя файла «IMG_4821» и автоматически созданная подпись редакторскую проверку не заменят.

Просмотрите страницу без картинок. Где пропали маршрут, различие между товарами, результат наблюдения или действие кнопки?
Сравните alt с соседним абзацем. Уберите дословные повторы, но сохраните сведения, которые передаёт только изображение.
Проверьте факты. Названия мест, видов и моделей, даты и числа должны быть подтверждены, а не угаданы по кадру.
Вынесите сложные данные в текст. Таблицы, условия участия и пояснения к графикам должны быть доступны без изображения.
Проверьте интерфейс. Название кнопки должно обозначать действие; декоративному изображению задайте пустой alt.

На последнем этапе полезно пройти страницу с программой экранного доступа или хотя бы прочитать все alt-тексты подряд. Так сразу заметны три одинаковых описания разных деталей снасти и фразы вроде «баннер новости». Заменили иллюстрацию при обновлении материала — проверьте alt снова.

Допустим, рядом с фразой «крепление позволяет сложить рукоятку» стоит крупный снимок катушки. Здесь подойдёт «Рукоятка катушки сложена вдоль корпуса». Если тот же кадр перенесут в таблицу сравнения, где важно положение фиксатора, описание можно изменить на «Фиксатор складной рукоятки находится у основания». Перед сохранением проверьте, что эту деталь действительно видно на снимке.