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

Question

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

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

Answer 1

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

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

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

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

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

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

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

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

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

Answer 2

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

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

Answer 3

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

http://css-tricks.com/630-css-image-replacement/

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

Answer 4

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

• насчет нас
• контакт
• товары
• так далее

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

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

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

Answer 5

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

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