Для чего нужен альтернативный текст?

🕛 19.01.2009, 18:39

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

<IMG>

и является обязательным согласно спецификации HTML и XHTML.
В примере 1 показано добавление альтернативного текста к рисунку.

Пример 1. Альтернативный текст

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ёжики в нашей жизни</title> </head> <body> <p><img src="images/igels.png" alt="Рисунок ёжика"></p> </body>
</html>

Некоторые браузеры, в частности, Internet Explorer отображают альтернативный текст в виде всплывающей подсказки. Для изображений, которые выполняют на странице дизайнерские или служебные функции, это бывает довольно неудобно, поскольку портит дизайн. В таком случае можно указать пустое значение параметра alt, как показано в примере 2.
Пример 2. Пустое значение alt

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ёжики в нашей жизни</title> </head> <body> <p><img src="images/igels.png" alt=""></p> </body>
</html>

В данном случае валидность документа сохраняется, но при этом всплывающая подсказка не появляется.