Часть того, чтобы быть выдающимся веб-разработчиком, делает ваш сайт доступным для пользователей любого уровня подготовки. Чтобы сделать Интернет более инклюзивным, нам необходимо подумать о том, что происходит, когда вспомогательные технологии, такие как программы чтения с экрана, сталкиваются с тегами изображений.
Атрибут alt, означающий альтернативный текст, придает смысл изображениям на наших сайтах. Атрибут alt можно добавить к тегу изображения так же, как атрибут src. Значение alt должно быть описанием изображения.
<img src=»#» alt=»Поле желтых подсолнухов» />
Атрибут alt также служит следующим целям:
Если изображение не загружается на веб-страницу, пользователь может навести указатель мыши на область, изначально предназначенную для изображения, и прочитать краткое описание изображения. Это стало возможным благодаря описанию, которое вы предоставляете в атрибуте alt.
Пользователи с ослабленным зрением часто просматривают Интернет с помощью программного обеспечения для чтения с экрана. Когда вы включаете атрибут alt, программа для чтения с экрана может прочитать описание изображения вслух пользователю с нарушениями зрения.
Атрибут alt также играет роль в поисковой оптимизации (SEO), поскольку поисковые системы не могут «видеть» изображения на веб-сайтах при сканировании в Интернете. Наличие описательных атрибутов alt может улучшить рейтинг вашего сайта.
Если изображение на веб-странице не передает какую-либо значимую информацию пользователю (с ослабленным зрением или иным образом), атрибут alt следует оставить пустым.