Одна из задач веб разработчика — сделать сайт читабельным в любой ситуации. Иногда картинки просто не прогружаются в виду ряда причин.
alt (alternative text) — атрибут позволяющий отображать пользователю текст вместо картинки, если она не показывается.
<img src="#" alt="Наша готовая пицца" />Атрибут alt так же преследует следующие цели.
- Если картинка успешно подгружена на сайт, пользователь может навести на изображение курсор и прочесть описание картинки, находящееся в этом атрибуте. Таким образом используйте alt для детального описания содержимого на картинке.
- Иногда пользователи отключают отображение картинок для удобства чтения статей в интернете. В таком случае пользователю будет показана рамка изображения и текст.
- Так же атрибут atl играет роль в Search Engine Optimization (SEO. Оптимизация сайта для поисковых систем, таких как Google и Яндекс.). Поисковые машины пока не точно могут определить содержимое картинки, а alt может помочь сопоставить описание и изображением, тем самым увеличить «рейтинг» (релевантность) вашего сайта в конкретной поисковой системе.
Примечание: каждый браузер по разному может обрабатывать атрибут alt. В некоторых надпись не показывается, но указывать описание всё-равно нужно для поисковых систем.
Instructions
- Добавьте атрибут alt к картинке, придумайте любое описание. Убедитесь что описание отображается.