Из Википедии, свободной энциклопедии
  (Перенаправлено из альтернативного текста )
Перейти к навигации Перейти к поиску

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

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

Атрибут был введен в HTML 2 [2] и в HTML 4.01 требуется для imgи area тегов . [3] Это необязательно для inputтега и устаревшего applet тега.

Пример [ править ]

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

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

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

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

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

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

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

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

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

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

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

Декоративные изображения [ править ]

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

См. Также [ править ]

  • longdesc атрибут

Заметки [ править ]

  1. ^ "Альтернативный текст" , WebAIM, последнее обновление 3 сентября 2015 г.
  2. ^ «Язык разметки гипертекста - 2.0» . Консорциум World Wide Web .
  3. ^ «13 объектов, изображений и апплетов» . Консорциум World Wide Web . 24 декабря 1999 г.
  4. ^ "Почему Mozilla не отображает мои подсказки alt?" . Проверено 22 июля 2009 года .
  5. ^ a b Энн ван Кестерен (16 декабря 2004 г.). «Атрибут Alt (тег alt, всплывающая подсказка)» . Проверено 22 июля 2009 года .
  6. ^ Ошибка 25537 - Альтернативный текст не отображается как всплывающая подсказка над <img> , 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» .

Ссылки [ править ]

  • Включение изображения: IMGэлемент (в частности, Как указать альтернативный текст ) из спецификации HTML 4.01.
  • imgЭлемент (особенно, требования для обеспечения текста , чтобы действовать в качестве альтернативы для изображений ) из спецификации HTML 5
  • Приемы для WCAG 2.0 (особенно H37: Использование altатрибутов в imgэлементах )
  • Предоставление текстовых эквивалентов изображений из Dive Into Accessibility
  • Надлежащее использование альтернативного текста из WebAIM
  • Рекомендации по альтернативным текстам в imgэлементах от Юкки Корпела
  • Альтернативный текст для изображений: атрибут alt Эстель Вейл
  • Мини-FAQ о альтернативном тексте изображений по Иэн Хиксону

Внешние ссылки [ править ]

  • Удобные букмарклеты для управления атрибутами alt [1] [2]