HTML атрибут alt предоставляет альтернативную информацию для изображения, если пользователь по какой-то причине не может его просмотреть (из-за медленного соединения, ошибки в атрибуте src или если пользователь использует программу чтения с экрана).
Атрибут alt - синтаксис и код
Карта изображений с кликабельными областями:
<img src="/htm/workplace.png" alt="Workplace" usemap="#workmap">
<map name="workmap">
<area shape="rect" coords="33,10,250,247" alt="Ноутбук" href="/htm/notebook.htm">
<area shape="rect" coords="288,90,322,138" alt="Смартфон" href="/htm/smartphone.htm">
<area shape="circle" coords="336,188,37" alt="Кофе" href="/htm/coffee.htm">
</map>
Попробуйте нажать на ноутбук, телефон или чашку кофе на изображении ниже:
Синтаксис
<img alt="alternative text">
<area alt="alternative text">
Определение и использование
HTML атрибут alt используется в документах HTML и XHTML. Он указывает альтернативный текст, который должен быть отображен, если элемент по какой-то причине не может быть отображен. Атрибут alt также может использоваться программами чтения с экрана, чтобы позволить пользователям с нарушениями зрения взаимодействовать с веб-страницей. Чтобы изображение было доступным, оно должно иметь атрибут alt. Однако он не может содержать текст (пустой или нулевой атрибут).
✪ Рекомендация: чтобы создать подсказку для изображения, используйте атрибут title!
★
Примечание: атрибут
alt обязателен для элемента
<img>. Для элементов
<input> атрибут
alt может использоваться только с
<input type="image">.
Применимо
Атрибут alt можно использовать для следующих элементов:
Поддержка alt браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.
