Самоучитель по креативному веб-дизайну. Книга 2, стр.69



height=»10″ alt=»KpacHb»i маркер»>



Альтернативный текст, «Красный маркер», занимает больше места, чем само

графическое изображение. Более того, поскольку атрибуты width и height дают

браузеру указание зарезервировать под маркер область 10×10 пикселей, для ото-

бражения альтернативного текста не хватает места, что можно видеть на рис.

6.10.

Таким образом, при отображении мелких графических изображений или при

отображении несущественной графики (вроде элементов фона и графических го — ризонтальных линий), делайте альтернативный текст кратким или используйте

атрибут ai t с пустой строкой, как в конце следующего дескриптора :



height=»10″ alt=»">



С помощью атрибута ai t (с текстом или без него) программы чтения текста для незрячих идентифицируют каждое изображение для посетителя с ослаблен — ным зрением. Когда посетитель с ослабленным зрением открывает Web-страницу, программа чтения текста, например, Jaws, читает посетителю текст тела доку — мента и альтернативный текст в каждом дескрипторе изображения. Альтернатив- ный текст для графических изображений, в большом количестве присутствующих

на странице, например, маркеров, должен ограничиваться одним словом, напри- мер, маркер, либо оставляться пустым. Когда программа чтения текста обнаружи —

вает атрибут ai t с пустой строкой, она игнорирует изображение и продолжает читать текст тела документа, отображенный в окне Web-браузера.

Консорциум W3C считает использование al t настолько важным, что комитет

стандартизации сделал его обязательным элементом надлежащим образом сфор-

мированного дескриптора . Следовательно, пренебрежение атрибутом al t

во всех дескрипторах не только считается признаком неряшливого коди —

рования, но и, в соответствии со стандартом W3C, делает ваши дескрипторы

неправильно сформированными.

Иногда, как вы видели на предыдущей иллюстрации, «заполнитель» изобра- жения слишком мал, чтобы вы могли описать изображение строкой альтернатив —

ного текста (присвоенной атрибуту alt) . Если вам нужно больше места, напри — мер, для описания карты, графика или другого сложного изображения,

воспользуйтесь атрибутом longdesc (длинное описание) в дополнение к атрибу —

ту alt. Значение атрибута longdesc отправляет пользователя к отдельному

HTML-файлу, содержащему полное описание изображения. Скажем, вы создаете

Глава 6. Графика 29 9





схему организационной структуры предприятия и вставляете схему (из файла

business. gif ) на страницу с помощью следующего дескриптора :



организационной структуры

предприятия» longdesc=»chart. html»>



HTML-документ (chart. html), указанный в атрибуте longdesc, содержит подробное описание (в формате простого текста) всех данных на рисунке

business. gif. Когда посетители вашего Web-сайта наводят курсор мыши на гра — фический элемент, содержащий атрибут longdesc, Web-браузер открывает окно с информацией из HTML-файла (в данном примере chart. html). Документ chart. htm l содержит только текст.

К сожалению, многие Web-браузеры все еще не поддерживают атрибут

longdesc. Поэтому неплохо бы добавлять на страницы отдельные гиперссылки

на файлы с текстовыми описаниями (помимо добавления атрибута longdesc в

деСКриПТО’ры ).



Создание всплывающей подсказки с помощью атрибута title в дескрипторе

С помощью атрибута titl e в дескрипторе вы можете описать (словес — но) графическое изображение своим посетителям в виде всплывающей подсказ — ки. В спецификациях HTML 4.0 сказано, что использование атрибута titl e в

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 12.11.2011">Абстрактная иллюстрация в Фотошопе
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.89
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.124
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 025
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.108
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.52
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.117
  • 16.03.2011">Руководство по actionscript. часть 3, стр. 007
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 059
  • 19.08.2010">Веб-дизайн и реклама
  • 06.04.2010">Инструменты и сервисы для оптимизации графики
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 133
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.88
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 096
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 142
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...