Что означает Alt-текст простыми словами
Если диаграмма показывает рост заявок, alt должен сообщить вывод, а не просто написать «график». Для декоративной иллюстрации используют пустой `alt`, чтобы скринридер её пропустил. Если картинка является ссылкой или кнопкой, текст описывает действие.
Альтернатива делает содержание доступнее при отключённых изображениях, медленном соединении и использовании скринридера. Поисковые системы также учитывают alt вместе с изображением и окружающим текстом, но переспам ухудшает опыт.
Пример
Для графика пишут: `Число заявок выросло с 40 в январе до 65 в марте`. Подпись ниже объясняет причины, поэтому alt не повторяет весь аналитический абзац.
Как применять на практике
- Определите, какую информацию потеряет читатель, если изображение не загрузится.
- Опишите эту информацию кратко с учётом соседнего текста и функции элемента.
- Оставьте alt пустым у чисто декоративной картинки и проверьте страницу скринридером.
Частые ошибки
- Начинать каждое описание словами «изображение» или «картинка», когда это очевидно.
- Перечислять поисковые фразы, не описывая фактическое содержимое.
- Оставлять пустой alt у схемы, которая несёт уникальные данные.