html - 如何使用 alt 属性并确保 IE 不将它们用作工具提示？

Question

我们的网站有一个图形主菜单(即文本在图像编辑器中完成，然后显示为图像)，但每当我将鼠标悬停在菜单项上时，它都会显示一个工具提示。 (例如，当我将鼠标悬停在“联系我们”上时，会弹出另一个“联系我们”作为工具提示)

我的网页设计师说这是让搜索引擎索引菜单文本所必需的，但它严重地使呈现变得难看 -- 有没有办法避免工具提示但仍然让搜索引擎索引 alt 属性？

Answer 1

alt 标签中需要 img 属性。它在那里为那些无法看到图像的人提供信息。这可能包括视力障碍者(可能使用屏幕阅读器)、使用非图形浏览器的人或禁用图像的人。在图像纯粹用于格式化的情况下，alt 属性应设置为空字符串 (alt="")。

alt 属性不应该呈现为工具提示。据我所知，Windows 版 Internet Explorer 是唯一可以执行此操作的浏览器。

title 属性“提供有关设置它的元素的咨询信息”。它不是必需的，并且只应在它提供附加的有用信息的情况下使用，这些信息在为其设置的元素中不存在。 title 属性通常呈现为图形用户代理(浏览器)中的工具提示。

有关详细信息，请参阅 The alt and title attributes。

您的图形菜单可以采用多种方式之一进行设计，因此很难说可以更改哪些内容(如果有的话)。您需要考虑的是:

• 对于那些以与您不同的方式查看网站的人来说，您的导航菜单的可访问性。是否可以在 Lynx 等纯文本浏览器中浏览您的站点？如果关闭图像会怎样？如果关闭样式表会发生什么？关闭图像现在可能很少见，而且处理起来很棘手 - 这是一种判断。

• 是否是 alt 或 title 属性导致呈现工具提示？如果是前者，那么幸运地使用适当浏览器的人将看不到工具提示。

• 它真的首先是个问题吗？考虑到删除它可能导致的可访问性问题，这真的重要吗？

• 搜索引擎旨在查找对人们有用的内容。如果您的网站在纯文本浏览器中没有意义，那么它可能对搜索引擎也没有意义。为人们而不是搜索引擎设计您的网站。