Атрибут alt является атрибутом HTML используется в документах HTML и XHTML для указания альтернативного текста (альтернативный текст ), который должен быть отображен, когда элемент , к которому он применяется, не может быть отрисован.
Атрибут alt используется программным обеспечением для чтения с экрана, чтобы человек, слушающий содержимое веб-страницы (например, слепой), мог взаимодействовать с этим элементом. Чтобы каждое изображение было доступно, оно должно иметь атрибут alt, но не обязательно содержать текст. Это может быть пустой или нулевой атрибут: alt =
.
Атрибут был введен в HTML 2, а в HTML 4.01 требовался для области img
и теги. Это необязательно для тега
input
и тега deprecated applet
.
Вот изображение, для которого атрибут alt: «В небе летит красный флаг с белым крестом, вертикальная полоса которого смещена в сторону флагштока».
HTML-код для этого изображения может быть примерно таким:
Этот абзац, отображаемый в веб-браузере Lynx, который отображает замещающий текст вместо изображения.Читатель с ослабленным зрением, использующий программа чтения с экрана, например Orca, услышит замещающий текст вместо изображения. Текстовый браузер, такой как Lynx, будет отображать замещающий текст вместо изображения. Графический браузер обычно отображает только изображение и отображает замещающий текст только в том случае, если пользователь просит его показать свойства изображения или настроил браузер, чтобы не отображать изображения, или если браузер не смог получить или декодировать изображение..
Альтернативным значением атрибута alt может быть «Датский флаг».
Атрибут alt
не всегда должен буквально описывать содержимое изображения. Помните о цели и контексте изображения, а также о том, что может быть полезно для того, кто его не видит. Атрибут alt должен быть альтернативой изображению, обычно указывая его назначение. Например, изображение предупреждающего знака не должно иметь замещающего текста «треугольник с желтым фоном, черной рамкой и восклицательным знаком», а просто «Предупреждение!» - если, конечно, изображение не предназначено для демонстрации того, что предупреждающий символ на самом деле выглядит.
Internet Explorer 7, а более ранние версии отображают текст в атрибутах alt как текст всплывающей подсказки, что не соответствует стандартам. Такое поведение привело к тому, что многие веб-разработчики неправильно использовали alt, когда хотели отображать всплывающие подсказки, содержащие дополнительную информацию об изображениях, вместо использования атрибута title
, который был предназначен для этого использования. Начиная с версии Internet Explorer 8 атрибуты alt больше не отображаются в виде всплывающих подсказок.
Атрибут alt обычно, но неправильно, называется «тегом alt».
W3C рекомендует, чтобы изображения, не передающие никакой информации, но являющиеся чисто декоративными, были указаны в CSS, а не в разметке HTML. Однако иногда может потребоваться добавить декоративное изображение в виде тега HTML img
. В этом случае, если изображение действительно не добавляет к контенту, тогда следует включить пустой атрибут alt в форме alt = ""
. Это делает страницу доступной для пользователей программ чтения с экрана или неграфических браузеров. Если (в нарушение стандарта) атрибут alt не был предоставлен, тогда браузеры, которые не могут отображать изображение, все равно будут отображать что-то там, например URL-адрес изображения или фиксированная текстовая строка.
IMG
(особенно, Как указать альтернативный текст ) из спецификации HTML 4.01img
(в частности, Требования для предоставления текста в качестве альтернативы для изображений ) из спецификации HTML 5alt
в элементах img
)img
элементах от Юкки Корпела