html - i 标签的 Alt 或 title 属性

Question

我使用 font-awesome并像这样显示他们的字体:

<i class="icon-lock"></i>

这将显示一个漂亮的小锁符号。为了让用户知道这到底意味着什么，我尝试添加 title 和 alt 等属性，但无济于事。

是否有任何属性可以用于 <i>执行与图像的 alt 和链接的标题相同的任务的标签？

Answer 1

您可以在 i 元素上使用 title 属性，就像任何元素一样，例如

<i class="icon-lock" title="This symbolizes your being locked inside"></i>

它是否有帮助是一个更棘手的问题。浏览器通常在鼠标悬停时将 title 属性值显示为“工具提示”，但为什么用户会将鼠标悬停在图标上？而且这样的工具提示可用性很差；所谓的 CSS 工具提示通常效果更好。

屏幕阅读器可能会为用户提供对 title 属性的可选访问权限，但我不确定它们如何处理内容为空的元素。