Альтернативный текст изображений: описание по назначению

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

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

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

1. В базовом блоке откройте «Контент» и нажмите многоточие возле загруженного изображения.
2. Найдите поле «SEO: alt-текст для изображения» и укажите краткое содержательное описание.
3. В галерее откройте ссылку «Текст» возле изображения и заполните Image alt for SEO.
4. В Zero Block выберите изображение и заполните его ALT в настройках.
5. Сохраните, опубликуйте и проверьте фактическое значение на странице.

Поля базовых блоков и галерей подтверждены официальной инструкцией доступности, а настройка Zero — руководством редактора.

Учебное описание скриншота: «В настройках страницы выбран публичный адрес /projects». Оно сообщает результат, который важен для инструкции. Фраза «Красивый скриншот Tilda создание сайтов обучение недорого» не описывает изображение и засоряет чтение.

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

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

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

• Озвучивается имя файла: проверьте реальный alt после публикации.
• Название действия непонятно: опишите назначение графической ссылки.
• Декоративный фон отвлекает от чтения: проверьте необходимость описания.
• Важные данные не переданы: добавьте доступное пояснение рядом, а не огромный список в alt.

Продолжите с названиями иконок и подписями фотографий. Для самостоятельного обучения изучите актуальные программы и условия в разделе курсов Perkova&Perkova.