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

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

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


person ytk    schedule 28.07.2011    source источник
comment
Это скрывает всплывающую подсказку при наведении курсора: stackoverflow.com/questions/457366/   -  person Joonas    schedule 28.07.2011


Ответы (5)


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

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

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

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

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

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

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

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

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

person Mike    schedule 28.07.2011

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

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

person ramono    schedule 28.07.2011

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

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

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

person amosrivera    schedule 28.07.2011

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

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

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

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

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

person Jason Gennaro    schedule 28.07.2011

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

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

person DA.    schedule 28.07.2011