Альтернативный текст

Что это значит

Альтернативный текст - короткое описание изображения, записанное в атрибуте alt в коде страницы. Экранный диктор зачитывает его незрячим пользователям, а браузер показывает, если изображение не загрузилось.

По правилам доступности WCAG текстовая альтернатива нужна каждому изображению, несущему информацию, например графику, схеме или фото товара. Чисто декоративные изображения должны иметь пустой alt, чтобы диктор не задерживал пользователя зря.

Альтернативный текст помогает и SEO: поисковики понимают по нему, что на картинке, и могут показать её в поиске по изображениям. Однако главная цель - доступность, а не ключевые слова.

Как это работает на практике

Хороший альтернативный текст описывает, что изображение означает в данном контексте, а не как оно выглядит. Для графика выручки недостаточно «график», нужно «выручка выросла с 1,2 до 1,8 миллиона евро в 2022-2024 годах», для логотипа достаточно названия компании.

С 2025 года действует акт о доступности, который налагает обязанности и на отдельные частные услуги, например интернет-магазины и банковские сервисы. Отсутствующие альтернативные тексты - одна из самых частых ошибок при аудитах.

В системах управления контентом альтернативный текст вводится при загрузке изображения. Стоит сделать его обязательным полем, чтобы о нём не забывали при добавлении контента.

На что обратить внимание

Частая ошибка - вставлять в alt список ключевых слов или имя файла, например «IMG_2034.jpg». Такой текст не помогает читателю, а поисковики могут счесть его манипуляцией.

Если важный текст является частью изображения, например цена на баннере, он должен быть и в alt, а лучше прямо в HTML. Иначе его не прочтёт ни незрячий, ни поисковик, а при адаптивном дизайне он к тому же часто теряется на мобильных.