Как использовать атрибуты alt и убедиться, что IE не использует их в качестве подсказок?

Question

На нашем веб-сайте есть главное графическое меню (т. Е. Текст создается в графическом редакторе, а затем отображается как изображение), но всякий раз, когда я наводю курсор мыши на элемент меню, он отображает всплывающую подсказку. (например, при наведении курсора на «Свяжитесь с нами», в качестве всплывающей подсказки появляется другое «Контакты»)

Мой веб-дизайнер сказал, что это необходимо для того, чтобы поисковая система индексировала текст меню, но это серьезно делает презентацию уродливой - нет ли способа избежать всплывающей подсказки, но все же пусть поисковая система индексирует атрибуты alt?

Answer 1

Атрибут alt требуется в теге img.Он предназначен для предоставления информации тем, кто не может видеть изображение.Это может включать слабовидящих (возможно, с помощью программы чтения с экрана), тех, кто использует неграфический браузер, или тех, у кого изображения отключены.В случаях, когда изображение предназначено исключительно для форматирования, атрибуту alt следует задать пустую строку (alt="").

Атрибут alt равен , а не , который должен бытьотображается как всплывающая подсказка.Насколько я знаю, Internet Explorer для Windows - единственный браузер, который делает это.

Атрибут title " предлагает консультативную информацию об элементе, для которого он установлен».Он не требуется и должен использоваться только в ситуациях, когда он предоставляет дополнительную полезную информацию, которой еще нет в элементе, для которого он установлен.Атрибут title обычно отображается как всплывающая подсказка в графических пользовательских агентах (браузерах).

См. Атрибуты alt и title для получения дополнительной информации.

Ваше графическое меню может быть разработано одним из многих способов, поэтому трудно сказать, что, если что-нибудь, можно изменить.Вам нужно учесть:

• Доступность вашего меню навигации для тех, кто не видит сайт так же, как вы.Можно ли перемещаться по сайту в текстовом браузере, таком как Lynx?Что произойдет, если вы выключите изображения?Что произойдет, если вы выключите таблицы стилей?Отключение изображений теперь, вероятно, довольно редко, и его сложно обрабатывать - это призыв к суждению.

• Это атрибут alt или title, вызывающий всплывающую подсказкубыть оказанным?Если это первое, то те, кому посчастливилось использовать соответствующий браузер, не увидят всплывающую подсказку.

• Является ли это действительно проблемой в первую очередь?Учитывая возможные проблемы доступности, которые могут возникнуть в результате его удаления, действительно ли это имеет значение?

• Поисковые системы предназначены для поиска контента, который будет полезен людям.Если ваш сайт не имеет смысла при просмотре в текстовом браузере, он, вероятно, не будет иметь смысла для поисковой системы.Создайте свой сайт для людей, а не для поисковых систем.

Answer 2

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

http://css -tricks.com / 630-CSS образ-замены /

И это не только поможет поисковым системам индексировать сайт, но и удобнее для экранных читателей (например, слепые люди, посещающие ваш сайт).

Answer 3

Сообщение всплывающей подсказки, исходящее от атрибута alt, отображается только в IE, и единственный способ не показать его - не устанавливать его (плохая идея).

Все остальные браузеры показывают подсказку с атрибутом title, как и должно быть.

Answer 4

атрибут alt - это текст, который определенно необходим для доступности и SEO.IE, как обычно, не прав и использует этот текст для всплывающей подсказки.Если вам не нужны всплывающие подсказки, установите правильный атрибут, title, чтобы он был пустым. title=""

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

Answer 5

Если текст вашего меню стандартный, то есть

• о нас
• контакт
• Продукты
• и т.д.

Тогда забудьте о тегах alt/title. Вы не получите никакой реальной ценности от поисковых систем, индексирующих их.

Конечно, alt теги на images должны быть добавлены для доступности.

Если это реальная проблема, одну вещь, которую вы можете сделать, это поместить images как background-images в div/divs. Затем добавьте атрибуты title или name к divs.