Атрибут `alt` HTML тега `<img>`

Значение и применение

Атрибут alt (HTML тега <img>) задаёт текстовую замену изображения: её используют программы экранного доступа и браузер, если изображение не загрузилось. В обычной авторской разметке указывайте атрибут всегда: содержательный текст или пустую строку для декора.

Как выбрать текст

Передавайте смысл изображения в контексте страницы, а не имя файла. Если картинка — единственное содержимое ссылки или кнопки, назовите назначение или действие: «Открыть каталог», а не «Синяя стрелка». Если рядом уже есть текст с тем же смыслом, декоративной картинке задайте alt="".

Пустой атрибут и отсутствующий атрибут не равнозначны: без alt программа экранного доступа может прочитать имя файла. Подробные примеры — в уроке об изображениях.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.img.alt
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`alt`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML

<img alt = "text">

Значения атрибута

Значение Описание

text Содержит альтернативный текст для изображения. Текст должен описывать изображение, если оно содержит информацию. Текст должен объяснить, куда ведет ссылка, если изображение находится внутри элемента <a>. Допускается в качестве значения атрибута указывать пустую строку, в этом случае будет считаться, что изображение не является ключевой частью документа, или используется в декоративных целях.

Значение	Описание
`text`	Содержит альтернативный текст для изображения. Текст должен описывать изображение, если оно содержит информацию. Текст должен объяснить, куда ведет ссылка, если изображение находится внутри элемента `<a>`. Допускается в качестве значения атрибута указывать пустую строку, в этом случае будет считаться, что изображение не является ключевой частью документа, или используется в декоративных целях.

Отличия HTML 4.01 от HTML 5

Нет.

Примеры, попробуйте сами

Атрибут alt элемента img

Изображение загружается из папки assets. Задайте несуществующий src и проверьте alt, затем верните исходный путь.

index.html