Что такое атрибут Alt?

Атрибут alt - это сопровождающая команда, связанная с определенными тегами HTML и XHTML, предназначенная для предоставления возможности связать альтернативный текст с упомянутыми тегами. Чаще всего этот атрибут используется в теге img с целью создания надписей на графике. Некоторые люди называют это тегом alt, но это не совсем так, потому что это не тег html. Термин «тег» имеет особое значение в веб-дизайне и относится к командам в угловых скобках, которые выполняют фактическую разметку в HTML. Атрибут alt использует следующий синтаксис:

<img alt = "text" src = "source url">
<area alt = "alt text">
<input alt = "подсказка текстового поля">

Тег img - это только один из нескольких тегов, которые принимают атрибут alt. Другими тегами являются «область» и «вход». Тег img отображает изображение. Тег области отображает ссылку на карте изображения, а атрибут alt предоставляет текст привязки для ссылки. Тег ввода указывает веб-браузеру отображать текстовое поле и использует альтернативный текст для предоставления соответствующего приглашения.

Исторически описания графики были одним из наиболее распространенных видов использования атрибута alt. Это было особенно полезно для людей с нарушениями зрения, которые используют программное обеспечение для чтения экрана, который не способен интерпретировать изображение. Основная цель этого атрибута - предоставить заголовок, а не описать соответствующее изображение. Примером правильного альтернативного текста может быть «Джордж Вашингтон перенес много трудностей как Генерал во время революционной войны». Фактические описания изображений - работа титульного атрибута.

Поисковые системы используют текст, указанный в атрибуте alt. Если веб-страница состоит исключительно или в основном из изображений, паук поисковой системы может сканировать страницу, несмотря на тот факт, что изображения сами по себе бесполезны для пауков поисковой системы. Атрибут alt требуется для тега img в более поздних версиях HTML, но некоторые веб-разработчики ничего не помещают между кавычками. Это не позволяет воспользоваться возможностью для лучшей поисковой оптимизации.

В старых веб-браузерах атрибут alt отображался как всплывающая подсказка, поэтому веб-разработчики неправильно использовали его для выполнения всплывающей подсказки, которая должна была предоставить дополнительную информацию об изображении, например описание. Более новые версии исправили эту проблему. Атрибут заголовка теперь используется для этой цели, и текст этого атрибута можно увидеть, наведя указатель мыши на изображение или ссылку.

Веб-браузеры, которые не могут отображать изображения, отображают альтернативный текст. Старые браузеры всегда делают это, но более поздние версии можно настроить для отображения только альтернативного текста вместо изображения. Это служит цели экономии пропускной способности, потому что браузер не должен загружать изображение.