Что я должен использовать для наведения курсора мыши на всплывающую подсказку для изображения (alt, longdesc, заголовок)
В настоящее время изображения моей веб-страницы используют только атрибут alt.
Пользователи жалуются, что их IE8 не может отображать всплывающую подсказку при наведении курсора мыши на изображение. На странице Microsoft Что нового в Internet Explorer 8 написано
Атрибут alt больше не отображается в качестве всплывающей подсказки изображения, когда браузер работает в режиме стандартов IE8. Вместо этого цель атрибута longDesc используется в качестве всплывающей подсказки, если она присутствует; в противном случае отобразится заголовок. Атрибут alt по-прежнему используется в качестве Microsoft Имя активного доступа, а атрибут title используется в качестве резервного имени, только если alt отсутствует.
Я также обнаружил, что многие говорят, что следует использовать название.
Что я должен использовать, чтобы соответствовать промышленному стандарту: alt, longdesc или название?
2 answers
Многие CMSE помещают это содержимое как в атрибуты title
, так и в атрибуты alt
, но эти атрибуты имеют разные семантические значения. В то время как title
явно предназначено для использования во всплывающих подсказках, alt
- это (а) то, что читается пользователям с нарушениями зрения, и (б) то, что отображается, если изображение по какой-либо причине не загружается. Если вы собираетесь написать только один фрагмент текста и скопировать его с помощью jQuery, я бы написал его для атрибута alt
и скопировал его в title
, используя следующее Код jQuery:
$().ready(function(){
$('img[alt]').each(function(){
$(this).attr('title', $(this).attr('alt'));
}
}
Обязательно измените фрагмент img[alt]
, если вы не хотите применять это изменение к каждому изображению на странице; например, используйте #content img[alt]
, чтобы применить его только к потомкам <div id="content">
.
Решение использовать alt
вместо title
в вашем HTML основано на трех факторах: во-первых, доступность важна, и вы не можете полагаться на то, что Javascript включен; во-вторых, похоже, что у вас уже есть атрибуты alt
; в-третьих, подсказка в этом случае является нестандартным пользователем запрос, который вы, возможно, захотите отключить в будущем, но с изображениями все равно должен быть связан этот текст, даже если вы это сделаете.
Атрибуты заголовка в тегах <img>
- это то, что по умолчанию отображается при наведении курсора мыши. Я бы использовал атрибут title или использовал плагин jQuery для создания более приятных подсказок при наведении курсора мыши.