Альтернативный текст объясняет назначение изображения человеку, который его не видит. Он нужен для смысловых фотографий, схем и графических действий. Это не место для списка поисковых запросов: описание выбирают по тому, какую информацию изображение добавляет в конкретной странице.
Различайте три назначения
В учебном портфолио фотография показывает рабочее место мастерской: полезно кратко назвать значимые объекты. Скриншот настройки показывает выбранное поле: описание должно передать настройку, а не перечислить все цвета интерфейса. Графическая ссылка с логотипом ведёт на главную: её название объясняет переход.
Для декоративного фона повторение описания может мешать. Если изображение только украшает уже понятный текст, проверьте возможность оставить пустой альтернативный текст в конкретной реализации. Не заменяйте пустое значение отсутствующим атрибутом произвольно: это зависит от фактической разметки блока.
Добавьте alt в Tilda
- В базовом блоке откройте «Контент» и нажмите многоточие возле загруженного изображения.
- Найдите поле «SEO: alt-текст для изображения» и укажите краткое содержательное описание.
- В галерее откройте ссылку «Текст» возле изображения и заполните Image alt for SEO.
- В Zero Block выберите изображение и заполните его ALT в настройках.
- Сохраните, опубликуйте и проверьте фактическое значение на странице.
Поля базовых блоков и галерей подтверждены официальной инструкцией доступности, а настройка Zero — руководством редактора.
Напишите по смыслу
Учебное описание скриншота: «В настройках страницы выбран публичный адрес /projects». Оно сообщает результат, который важен для инструкции. Фраза «Красивый скриншот Tilda создание сайтов обучение недорого» не описывает изображение и засоряет чтение.
Если рядом уже есть подробная подпись, не повторяйте её слово в слово без необходимости. Для сложной диаграммы краткий alt обозначает содержание, а существенные данные размещают также в обычном тексте или таблице. Нельзя спрятать всю инструкцию только в альтернативном поле.
Проверьте в контексте
Прочитайте окружающий абзац и alt подряд. Вместе они должны давать понятный смысл без лишнего повтора. Проверьте скринридером или средствами доступности браузера, какое название получает изображение и графическая ссылка.
На телефоне alt не исправляет плохую обрезку фотографии и нечитаемые надписи внутри картинки. Отдельно проверьте композицию и мобильный размер. Если важные инструкции остаются только мелким текстом на изображении, добавьте видимый текстовый вариант.
- Озвучивается имя файла: проверьте реальный alt после публикации.
- Название действия непонятно: опишите назначение графической ссылки.
- Декоративный фон отвлекает от чтения: проверьте необходимость описания.
- Важные данные не переданы: добавьте доступное пояснение рядом, а не огромный список в alt.
Продолжите с названиями иконок и подписями фотографий. Для самостоятельного обучения изучите актуальные программы и условия в разделе курсов Perkova&Perkova.