Атрибут Alt - Alt attribute

Для использования атрибутов alt в Википедии см. Википедия: Альтернативный текст для изображений.

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

Атрибут alt используется программным обеспечением «чтения с экрана», чтобы человек, слушающий содержимое веб-страницы (например, слепой), мог взаимодействовать с этим элементом. Чтобы каждое изображение было доступно, оно должно иметь атрибут alt, но не обязательно содержать текст. Это может быть пустой или нулевой атрибут: alt =.[1]

Атрибут был введен в HTML 2[2] И в HTML 4.01 требовалось для img и площадь теги.[3] Это необязательно для Вход тег и устарел апплет тег.

Пример

В небе развевается красный флаг с белым крестом, вертикальная полоса которого смещена в сторону флагштока.

Вот изображение, для которого атрибут alt: «В небе летит красный флаг с белым крестом, вертикальная полоса которого смещена в сторону флагштока».

HTML-код этого изображения может быть примерно таким:

            <img  альт=«В небе развевается красный флаг с белым крестом, вертикальная полоса которого смещена в сторону флагштока».             src="http://upload.a.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg">
Этот абзац отображается в веб-браузере Lynx, который отображает замещающий текст вместо изображения.

Читатель с ослабленным зрением, использующий читатель экрана Такие как Orca услышит замещающий текст вместо изображения. Текстовый браузер, например Рысь отобразит замещающий текст вместо изображения. Графический браузер обычно отображает только изображение и отображает замещающий текст только в том случае, если пользователь просит его показать свойства изображения или настроил браузер, чтобы не отображать изображения, или если браузер не смог получить или декодировать изображение. .

Альтернативным значением атрибута alt может быть «Датский флаг».

Распространенные заблуждения

В альт Атрибут не всегда должен буквально описывать содержимое изображения. Помните о цели и контексте изображения, а также о том, что может быть полезно для того, кто его не видит. Атрибут alt должен быть альтернатива для изображения, обычно с указанием его назначения. Например, изображение предупреждающего знака не должно иметь замещающего текста «треугольник с желтым фоном, черной рамкой и восклицательным знаком», а просто «Предупреждение!» - если, конечно, изображение не предназначено для демонстрации того, что предупреждающий символ на самом деле выглядит.

IE7 отображает атрибут alt как всплывающую подсказку

Internet Explorer 7 и более ранние версии отображают текст в атрибутах alt как всплывающая подсказка текст, который не соответствует стандартам.[4][5] Такое поведение привело многих веб-разработчики неправильно использовать alt, когда они хотели отображать всплывающие подсказки, содержащие дополнительную информацию об изображениях,[6] вместо использования заглавие атрибут, предназначенный для этого использования.[7] По состоянию на Internet Explorer 8 Атрибуты alt больше не отображаются как всплывающие подсказки.[8]

Атрибут alt обычно, но неправильно, называется «тегом alt».[5][9][10]

Декоративные изображения

W3C рекомендует указывать изображения, которые не несут никакой информации, но являются чисто декоративными, в CSS, а не в разметке HTML.[11] Однако иногда может потребоваться добавить декоративное изображение в виде HTML-кода. img тег. В этом случае, если изображение действительно не добавляет к контенту, тогда следует включить пустой атрибут alt в виде alt = "". Это делает страницу доступной для пользователей программ чтения с экрана или неграфических браузеров. Если (в нарушение стандарта) атрибут alt не был предоставлен, тогда браузеры, которые не могут отображать изображение, все равно будут отображать что-то там, например URL-адрес изображения или фиксированная текстовая строка.

Смотрите также

Примечания

  1. ^ «Альтернативный текст», WebAIM, последнее обновление - 3 сентября 2015 г.
  2. ^ «Язык разметки гипертекста - 2.0». Консорциум World Wide Web.
  3. ^ «13 объектов, изображений и апплетов». Консорциум World Wide Web. 24 декабря 1999 г.
  4. ^ "Почему Mozilla не отображает мои подсказки alt?". Получено 22 июля 2009.
  5. ^ а б Анн ван Кестерен (16 декабря 2004 г.). "Атрибут Alt (тег alt, всплывающая подсказка)". Получено 22 июля 2009.
  6. ^ Ошибка 25537 - замещающий текст не отображается как всплывающая подсказка над ., Mozilla bugzilla
  7. ^ W3C HTML WG (24 декабря 1999 г.). «7.4.3 Атрибут заголовка». HTML 4.01 Спецификация. W3C. Получено 22 июля 2009.
  8. ^ «Что нового в Internet Explorer 8 - специальные возможности и ARIA». MSDN. Microsoft. В архиве из оригинала 28 февраля 2009 г.. Получено 22 июля 2009.
  9. ^ Роджер Йоханссон (7 ноября 2005 г.). "Это атрибут alt, а не тег alt". 456 Berea Street. В архиве из оригинала от 8 июня 2009 г.. Получено 22 июля 2009.
  10. ^ Томми Олссон (20 июля 2004 г.). «Альтернативные теги». Аутичная кукушка. Архивировано из оригинал 25 декабря 2007 г.. Получено 22 июля 2009.
  11. ^ W3C. «Встроенный контент - HTML 5».

Рекомендации

внешняя ссылка