Атрибут alt

alt надає текстовий опис зображення — для screen-читачів, для випадку, якщо зображення не завантажилось, і для пошукових систем.

Applies to

img, area, input (type=image)

Values

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

Example

<img src="chart.png" alt="Графік зростання продажів за 2026 рік">

Edge cases

  • alt="" (навмисно порожній) коректний для декоративних зображень — це краще, ніж взагалі відсутній alt.
  • Відсутність alt взагалі (не порожній, а саме відсутній атрибут) — помилка доступності, яку виявляють автоматизовані аудити.

Accessibility

  • Не пишіть у alt слово "зображення" чи "картинка" — screen-читач вже повідомляє, що це img.

Схожі інструменти