Зображення не має тексту alt

У звітіImage missing alt attribute

image_missing_alt_attribute · Потребує перегляду

Коротка відповідь

Це з’являється, коли <img> на сторінці взагалі не має атрибута alt і не застосовується жоден із винятків щодо назви чи декоративності, які читає ця перевірка. Тоді допоміжні технології можуть оголошувати лише назву файлу, а Google втрачає підказку про те, що показує зображення. Додайте текст alt, що описує інформативні зображення, і alt="" для декоративних.

Серйозність: Низька. Займіться цим під час наступних змін контенту; це виправлення доступності й контексту зображення, а не перешкода для ранжування.

Чому це важливо

Стандарт HTML загалом вимагає атрибута alt на зображеннях, із порожнім значенням для суто декоративних, і допускає вузько визначені винятки. Без текстової альтернативи допоміжні технології можуть не передати призначення зображення, а Google використовує текст alt разом зі сторінкою та комп’ютерним зором, щоб зрозуміти, що показує зображення.

Що зробити

  1. Перегляньте знахідку: у ній перелічено до десяти зображень без alt з їхніми позиціями та, де доступно, адресами.
  2. Додайте текст alt, який каже, що показує кожне інформативне зображення, — зазвичай у налаштуваннях зображення в редакторі вашого сайту.
  3. Додайте alt="" до зображень, які є лише оздобленням, щоб допоміжні технології їх пропускали.

Коли залишити як є: якщо зображення вже названо в інший спосіб, якого перевірка не читає, або його додає й описує скрипт, можна залишити як є; перевірка читає лише HTML.

Що ми читаємо

Ми читаємо кожен <img> у HTML кожної сторінки, що відповіла кодом 200, зокрема той, що всередині <picture>, не виконуючи JavaScript; зображення всередині <noscript> чи <template> пропускаються. Зображення фіксується, лише коли воно взагалі не має атрибута alt: alt="" проходить як декоративне.

Зображення без alt однаково проходить, коли воно має aria-hidden="true", role="none" чи role="presentation", непорожній aria-label чи title, aria-labelledby, усі ID якого існують, або лежить у <figure> з підписом. Зображення всередині посилання, яке не має іншої назви, залишено перевірці посилань-зображень. Сторінки з позначкою noindex теж перевіряються.

Приклад і докази

Ілюстративний приклад — одна сторінка, а не реальний аудит.

Адреса: https://bakery.example/cakes/. Основний контент, який ми прочитали:

<img src="/img/lemon-cake.jpg" width="600" height="400">
<img src="/img/divider.png" alt="">

Фото торта не має alt, тому сторінка фіксується з цим зображенням. Роздільник має alt="" і проходить як декоративний.

Можливе виправлення:

<img src="/img/lemon-cake.jpg" width="600" height="400" alt="Lemon cake topped with candied lemon slices">

Підтвердити й перевірити знову

Перевірте самі: перегляньте вихідний код сторінки й знайдіть <img; кожен має містити атрибут alt, порожній для оздоблення.

Повторна перевірка: Повний аудит — перечитайте цю адресу; сторінка має відповісти кодом 200 з повним HTML. Знахідка закривається, коли жодне зображення на ній не відповідає цьому правилу після його винятків щодо назви й декоративності. Сторінку, яка є лише каркасом для скриптів, підтвердити неможливо. Новий повний аудит також може її закрити, коли повні докази показують, що адреса відповідає безпосередньо кодом 200 і файлом, що не є HTML, або починається з постійного переспрямування, весь ланцюжок якого залишається в межах вашого сайту, за умови, що перевірка дає придатний результат.

Обмеження та джерела

Перевірка не оцінює, чи текст alt точний і чи зображення інформативне або декоративне. <area> і <input type="image">, фони CSS та зображення, додані через JavaScript, не перевіряються.

Упевненість: Висока, бо наявність атрибута зчитується безпосередньо з HTML.

Джерела

Редакційна перевірка: 29 вересня 2026