【问题标题】:Simple tooltip - Title Attribute?简单的工具提示 - 标题属性?
【发布时间】:2012-06-22 18:15:39
【问题描述】:

当我想在用户将鼠标悬停在对象上时显示消息时,最近我只在我的 html 标签上使用 title 属性,因为它很简单并且不会自动离开屏幕。

问题:使用 title 属性是不是一个依赖工具提示的坏事?

忽略您无法自定义它的事实,我对使用自定义工具提示的功能(例如标准用户如何与之交互)感到好奇。例如,我读到的specific web-comic 使用 title 属性在您将鼠标悬停在它上面时添加一个诙谐的评论/事实。然而,似乎没有多少人知道它。

因此,title 似乎对评论很有用,甚至可以说是图片的作者,但它对真正简单的工具提示有用吗?

考虑到“真正的”工具提示,您通常需要 1-2 个额外元素、css(取决于您如何设置它,可能是一些用于放置的内联样式),甚至可能是 java 脚本,是 title 属性不好使用,因为(再次)它不能自定义,通常是关于元素的一个小的离题细节,并且只在设定的时间后出现。

注意:如果它有帮助(深思熟虑),我目前的情况引发了这个问题,我喜欢当一个网站有类似 [?] 的内容供您悬停以查找更多信息细节而不将它们推入页面,从而保持简单。 另外,我从 w3schools 学习了 html,他们从来没有提到 title 属性,所以不确定它们的用途/应该用于什么。 (是的,提到 w3schools 部分是一种(糟糕的)获得同情的尝试)

考虑到 SO 经常使用它们,我觉得问这个问题有点奇怪,但请随意假设我对此一无所知......好吧......我真的不知道)

【问题讨论】:

  • 你已经得到了我的同情,只是为了“从 W3Schools 学习 html”。

标签: html tooltip


【解决方案1】:

不应使用标题属性 (@title)。

  1. 每个浏览器都使用 @title 做自己的事情,即使它看起来一样。
  2. 对于只使用键盘的人,他们无法获取@title 中的信息。
  3. 从移动设备访问网站的人无法获取信息。
  4. 一些(但不是所有)辅助技术可以获取@title 中的信息
    1. 有些允许在启用后读取它。没有多少人(用户)知道。
    2. 其他技术只是忽略链接文本并仅读取@title。

4.2 的示例:

<a href="#" title="Are you sure?">Delete your account</a>

这将显示:

你确定吗?链接

延伸阅读:PG: Title attribute

【讨论】:

  • 所以它真的应该只用作真正不会错过的旁注吗?和有趣的阅读。猜猜我又回到了绘图板上。知道任何可以制作真正工具提示的好文章吗? (与其说是如何编码,不如说是你应该考虑/包括什么。
  • 正确的Kyomu,只是一个旁注。前几天我看到了w3.org/TR/2012/NOTE-WCAG20-TECHS-20120103/G201。它不是关于工具提示,而是关于新窗口。可以提取主要信息。
【解决方案2】:

首先,谢谢你的问题。好想法。我想我们这些人 [我说的是像我这样的业余编码员] 不需要开发一个大网站,或者缺乏那种专业知识。我们只需要继续以优化的方式完成我们的工作。因此,类似地,我也遇到了几乎所有使用 title 作为工具提示的脚本。猜猜,这是解决它的简单方法。此外,只要工具提示有吸引力、不慢并且满足我们的需求:一切都很好。

【讨论】:

    【解决方案3】:

    title 属性很简单,也很简单。它不可靠。确实没有工具提示机制,但是title 属性生成的工具提示的可用性相当差:字体太小,行控制有问题,定时消失,(对于普通用户)没有办法让它保持原样以便您实际阅读即使你是一个缓慢的读者。此外,通常不会向用户提示工具提示的可用性。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-04-23
      • 1970-01-01
      • 2010-09-22
      • 2014-02-14
      • 2011-11-20
      相关资源
      最近更新 更多