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