Коротко
перевірка alt-тексту читає кожен тег img сторінки, зокрема зображення з відкладеним завантаженням, і перевіряє його атрибут alt. Вона позначає відсутні атрибути alt, назви файлів замість alt, загальні слова на кшталт «зображення», alt-тексти понад 125 символів, однаковий alt на кількох зображеннях і зображення-посилання без жодного тексту. Вона також підраховує зображення без ширини й висоти, що спричиняє зсув макета.
Хочете дізнатися більше? Запитайте
Alt-текст описує зображення для тих, хто його не бачить: програм зчитування з екрана, Google Зображень і ШІ-асистентів, які читають HTML. Це також анкорний текст зображення, використаного як посилання. Хороший alt одним коротким реченням розповідає, що показано на зображенні.
Що позначає перевірка
- Немає атрибута alt: зображення нічого не повідомляє, а деякі програми зчитування читають назву файлу.
- Назва файлу або загальне слово: «IMG_2034.jpg» чи «фото» нічого не описують.
- Зображення-посилання без тексту: його alt стає анкором, тож має описувати цільову сторінку.
- Надто довгий або повторюваний: тримайте до 125 символів, один опис на зображення.
Як написати хороший alt-текст
- Опишіть те, що бачить відвідувач, мовою сторінки: «Дубовий стілець, вигляд спереду».
- Додавайте ключове слово лише тоді, коли воно справді описує зображення.
- Пишіть alt="" для суто декоративних зображень, щоб програми зчитування їх пропускали.
- Задайте кожному зображенню ширину й висоту, щоб уникнути зсуву макета.
Щоб полегшити зображення перед публікацією, скористайтеся стисканням зображень. Про інші сигнали зображень читайте в статтях про оптимізацію зображень та Core Web Vitals.
