Неверное (неинформативное) содержание alt-надписи
Понятно, что мало написать какой-то текст в качестве
значения атрибута alt. Сообщение нужно тщательно продумать,
принимая во внимание, что пользователь будет читать или слышать его,
не видя изображения.
Сообщение “Это картинка” совсем не годится для
альтернативного текста.
Текст “Фото школьного здания. Четырехэтажная кирпичная
постройка с липовой аллеей.” хорошо подходит для изображения,
которое любят размещать на главной странице школьные сайты.
Представьте, что человек не видит картинки, а только слушает
альтернативный текст. Слова “Это картинка” вызовут
раздражение. Короткое “Школа” —
информативнее, а текст с липовой аллеей вызовет ещё и положительную
ассоциацию:
Если картинка большая, то и альтернативное сообщение может быть
достаточно большим. А вот на маленьких картинках длинные тексты
обрезаются:
Огорчительно, что некоторые браузеры относятся к alt не
уважительно.
-
IE интерпретирует alt идеально. Если картинка не загружена,
alt-текст записывается в замещающий прямоугольник
и показывается во всплывающем окошке при наезде мышиным курсором.
-
NN-3 не рисует прямоугольник, не записывает на экран
alt-текст и не выводит его при наезде мышиным
курсором.
-
NN-4 рисует замещающий прямоугольник, не выводит в него альтернативный
текст, но показывает его при наезде мышиным курсором. Текст всегда
показывается в одну строку и обрезается краями экрана монитора.
-
NN-6 и Mozilla рисуют прямоугольник только на время загрузки картинки.
Если картинка не загружена, прямоугольник замещается альтернативным
текстом, записанным как обычный абзац. Понять, что на этом месте должно
быть изображение, практически невозможно.
Независимо от того, как браузеры интерпретируют альтернативный текст,
писать его необходимо. Около 90% пользователей видят
alt-текст через Internet Explorer. Этот текст
выводится на панель Брайля, озвучивается речевым браузером, и его читают
роботы поисковых систем.
Вот еще несколько правил записи альтернативного текста.
-
Для пустых картинок-распорок и декоративной графики необходимо указывать
alt="". Дело в том, что по стандарту HTML у атрибута
alt нет определенного значения. Это означает, что браузеры
вправе помещать в альтернативный текст всё, что угодно.
-
Если заголовок или другой текст на странице выполнен в графике, то
альтернативный текст должен в точности его повторять.
-
Если картинки используются как маркеры списка, записывайте в
alt последовательную цифровую нумерацию. (Значение
“маркер” гораздо хуже.)
-
Если картинка используются вместо тега HR, записывайте
alt="разделитель". (Представьте, что для имитации разделения
записано atl="*************". Речевой браузер будет нудно
повторять: “символ звездочка, символ звездочка
”)
-
Если графическая кнопка используется для навигации, заключайте
alt-значение в квадратные скобки — это
один из принятых способов оформления текстовых меню. (Пример:
alt="[начало]").
Часто на web-страницах неверно используют атрибут
alt как всплывающую подсказку для сообщения пользователю
дополнительной информации. Для этой цели предназначен атрибут
title. Если в теге IMG записаны оба атрибута,
то значение alt записывается на место картинки, а значения
title всплывает на экран при наезде мышиным курсором.