Кратко
проверка альтернативного текста читает каждый тег img на странице, включая изображения с отложенной загрузкой, и проверяет его атрибут alt. Она отмечает отсутствующие атрибуты alt, имена файлов вместо alt, общие слова вроде «изображение», тексты alt длиннее 125 символов, один и тот же alt у нескольких изображений и изображения-ссылки без какого-либо текста. Она также считает изображения без ширины и высоты, что вызывает смещение макета.
Хотите узнать больше? Спросите
Альтернативный текст описывает изображение для тех, кто не может его видеть: программ чтения с экрана, Google Картинок и ИИ-ассистентов, читающих HTML. Это же анкор изображения, используемого как ссылка. Хороший alt одним коротким предложением говорит, что показано на изображении.
Что отмечает проверка
- Нет атрибута alt: изображение ничего не сообщает, а некоторые программы чтения с экрана зачитывают имя файла.
- Имя файла или общее слово: «IMG_2034.jpg» или «фото» ничего не описывает.
- Изображение-ссылка без текста: его alt становится анкором, он должен описывать целевую страницу.
- Слишком длинный или повторяющийся: укладывайтесь в 125 символов, одно описание на изображение.
Как написать хороший альтернативный текст
- Опишите то, что видит посетитель, на языке страницы: «Дубовый стул, вид спереди».
- Добавляйте ключевое слово, только когда оно действительно описывает изображение.
- Для чисто декоративных изображений пишите alt="", чтобы программы чтения с экрана их пропускали.
- Указывайте у каждого изображения ширину и высоту, чтобы избежать смещения макета.
Чтобы облегчить изображения перед публикацией, используйте сжатие изображений. О других сигналах изображений смотрите в статьях об оптимизации изображений и Core Web Vitals.
