Когда продавцы браузеров искажают стандарты и делают вещи самостоятельно, они могут вызвать некоторые проблемы или, по крайней мере, вызвать путаницу. Одним из примеров является то, как некоторые браузеры занимаются атрибутами ALT (обычно неверно называемые ALT -тегами), например, браузер IE с большим количеством пользователей в Windows.
Альтевой текст не используется в качестве инструментов, или, скорее, он не предоставляет дополнительных инструкций для изображений. Напротив, атрибут заголовка должен использоваться для предоставления дополнительной объяснения информации для элемента. Эта информация отображается в виде наконечника инструмента в большинстве браузеров изображений, хотя производители могут использовать любой другой способ отображать текст атрибута заголовка.
Многие люди, кажется, смущены этими двумя атрибутами (вопрос недавно стал более распространенным в списке рассылки группы веб -стандартов), поэтому я записал свои мысли о том, как их использовать.
ALT -атрибутДля пользовательского агента (UA), который не может отображать изображения, формы или апплеты, ALT -атрибут используется для указания альтернативного текста. Язык текста замены определяется атрибутом LANG. Источник: Как указать альтернативный текст.
Атрибут ALT (обратите внимание, что это атрибут, а не метка) включает в себя инструкции по замене, которые необходимы для горячих точек изображения и изображения. Его можно использовать только в IMG, области и входных элементах (включая элементы апплета). Для входных элементов атрибут ALT предназначен для замены изображения кнопки отправки. Например: <input type = image src = image.gif alt = отправить />.
Используйте атрибут ALT, чтобы предоставить текстовые описания зрителям, которые не видят изображения в вашем документе. Это включает в себя пользователей, которые используют браузеры, которые не поддерживают отображение изображений или отображение изображений, которые выключаются, пользователи, которые ослаблены визуально, и пользователи, которые используют считыватели экрана. Альтернативный текст используется для замены изображений, а не для обеспечения дополнительной подписи.
Тщательно подумайте перед написанием альтернативного текста, чтобы убедиться, что этот текст предоставляет иллюстративную информацию для тех, кто не видит изображение и имеет смысл в контексте. Для декоративных изображений вы можете использовать пустые значения (alt =, никаких мест в кавычках) вместо использования не относящихся к делу заменителей, таких как синяя пуля или spacer.gif. Не игнорируйте это. Если вы проигнорируете его, некоторые считыватели экрана будут напрямую читать имя файла файла изображения, и эти текстовые браузеры, такие как Lynx, отобразит имя файла файла изображения, который будет мало использован для вашего браузера.
Легче всего установить текст замены в изображении, содержащем текст. Текст, содержащийся в изображении, обычно может использоваться в качестве значения атрибута ALT.
Что касается длины текста замены, см. What WCAG 2.0 (Руководство по удобству использования контента сайта 2.0) говорит:
Значение атрибута ALT должно составлять менее 100 английских символов, или пользователь должен убедиться, что текст замены максимально короткий.
Я понимаю это как можно короче и как можно дольше.
Даже если вы хотите, чтобы он появился в качестве наконечника инструмента, не используйте атрибут ALT для текстового элемента, который не является его использованием. Насколько я знаю, это работает только в браузере Windows IE и древнем Netscape 4.* (версия Windows). Ни один браузер Mac не отобразит его как наконечник инструмента.
Когда браузер отображает текст замены в качестве наконечника инструмента, поведение неверно использования атрибута ALT также поощряется. Некоторые люди начинают писать бессмысленный текст замещения, потому что они склонны думать, что это дополнительная информация иллюзий, а не замена, которая не может отображать изображения. Другие могут не хотеть, чтобы наконечник инструмента появился, а затем полностью игнорировал написание значения атрибута Alt. Эти неправильные практики вызвали трудности для зрителей, которые не видят образ.
Для получения дополнительных инструкций и невысокой информации, пожалуйста, используйте атрибут заголовка.
Название атрибутАтрибут заголовка содержит наводящую информацию для элементов, которые устанавливают этот атрибут.
Источник: атрибут заголовка.
Атрибут заголовка можно использовать на всех тегах, кроме Base, BaseFont, Head, HTML, Meta, Param, Script и Title. Но это не обязательно. Может быть, поэтому многие люди не понимают, когда его использовать.
Используйте атрибут заголовка, чтобы предоставить неосведомленную дополнительную информацию. Большинство визуальных браузеров отображают текст заголовка в качестве наконечника инструмента, когда мышь подвешен на определенном элементе, но это зависит от производителя, чтобы решить, как отображать текст заголовка. Некоторые браузеры отобразит текст заголовка в строке состояния. Например, более ранняя версия браузера Safari.
Атрибут заголовка имеет хорошую цель, которая состоит в том, чтобы добавить описательный текст к ссылке, особенно когда сама ссылка не выражает цель ссылки очень четко. Это позволяет посетителям знать, куда их приведут ссылки, и они не будут загружать страницу, которая может не представлять интерес. Другим потенциальным приложением является предоставление дополнительной иллюстративной информации для изображений, таких как даты или другая неосведомленная информация.
Значение атрибута заголовка может быть длиннее значения атрибута ALT. Тем не менее, следует отметить, что некоторые браузеры усекают слишком длинный текст (например, подсказки или другие). Например, основной браузер Mozilla может отображать только первые 60 символов. Это считается ошибкой Mozilla, и это то, на что вам нужно обратить внимание.
Рассмотрим перед использованиемМой совет - убедиться, что текст замены необходим. В большинстве приложений его следует оставить пустым, alt = (обратите внимание, что в двух кавычках нет мест). Подумайте об этих изображениях, какую информацию предоставляют эти представления, какой текст вы должны использовать для их описания, или какую информацию вы должны предоставить людям, которые не видят изображения? Написание текста замены на фотографию: генеральный директор, стоящий за пределами здания, в сером костюме и черном галстуке, глядя на небо, действительно ли это полезно для людей, которые не видят изображение? Если вы так думаете, то вы можете написать это. Во многих случаях я думаю, что лучше оставить текст замены пустым.
Для атрибутов заголовка трудно дать строгие инструкции. Большая часть моего использования находится по ссылкам, которые не могут быть самоэкспланирующими, например, один и тот же текст ссылки на одной и той же странице и разные страницы ссылок. Иногда для некоторых кнопок или элементов формы предусмотрено больше текста подписи.
Более длинное описаниеКогда изображение требует более длинного описания и превышает ограничение атрибута ALT, есть некоторые варианты.
Свойство Longdesc можно использовать для предоставления ссылок на отдельную страницу, содержащую текстовое описание изображения. Это означает связывание зрителя на другую страницу, что может вызвать понимание трудностей. Кроме того, поддержка браузера атрибута Longdesc также непоследовательна, и это не очень хорошо.
Свойство Longdesc может содержать ссылку на другую часть текущего документа (точка привязки) вместо того, чтобы ссылаться на другую страницу. В сносках доступности Энди Кларк объясняет, как применить его очень хорошо.
Описание Ссылки (D ссылки) могут использоваться для дополнения Longdesc. Ссылка описания - это обычная ссылка, которая подключается к странице, содержащей альтернативный текст. Ссылка расположена рядом с изображением и в порядке во всех браузерах. Люди имеют много разных мнений по поводу его эффективности, и мне не нравится эта записка, по моему личному мнению. WCAG также, и в своем рабочем проекте HTML -методы для WCAG 2.0 ссылка на описание не одобрена.
Если длинное описание изображения полезно для любого просмотра, вы должны рассмотреть вопрос о том, чтобы просто показать его в том же документе вместо того, чтобы ссылаться на другие страницы или скрывать его. Таким образом, каждый может прочитать это. Это простой и низкотехнологичный метод.