# 部分图标缺少悬停提示 **URL:** \ **Category:** UX\ **Created:** [2023年四月21日 00:31 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454 "2023-04-21T00:31:16Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![jidanni](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidanni/32/291938_2.png) [@jidanni](https://meta.discourse.org/u/jidanni)\ **Post date:** [2023年四月21日 00:31 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/1 "2023-04-21T00:31:16Z")
检查这里的鼠标悬停效果， ![20230421T082225](https://global.discourse-cdn.com/meta/original/4X/e/8/3/e837f0e10f4f2b910ee8e3821b1e1d5de78198cb.jpeg) 我们发现每个图标都有鼠标悬停效果，例如您在此处看到的“引用整个帖子”。 几乎每一项。 例如，这个奇怪的箭头缺少鼠标悬停效果。 ![20230421T082345](https://global.discourse-cdn.com/meta/original/4X/c/5/4/c547d0fedda8cb6d4ce5a51a93fef903e6e5f0ec.jpeg) 齿轮也没有。 网站标志也没有。 当然，您可能会说，任何拥有互联网驾照的人都应该知道齿轮代表什么。是的，我知道。但是，信不信由你，有些人并不像我一样聪明。所以加上鼠标悬停效果也无妨。 而且，我承认我不确定箭头会做什么。现在你永远不知道。所以请加上鼠标悬停效果。 ---
**Author:** ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)\ **Post date:** [2023年四月21日 13:08 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/3 "2023-04-21T13:08:00Z")
> [@jidanni](#): > > 例如，这个有趣的箭头缺少鼠标悬停提示。 我认为你说得没错。箭头应该有一个鼠标悬停提示，上面写着“回复选项”，而齿轮图标应该是“更多发帖选项”之类的。尽管这两个按钮点击时都会弹出更多选项，但它们仍然应该有鼠标悬停描述。 ---
**Author:** ![twofoursixeight](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/twofoursixeight/32/574822_2.png) [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)\ **Post date:** [2023年四月22日 06:28 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/4 "2023-04-22T06:28:22Z")
鼠标悬停也可用于帮助盲人，因为带有鼠标悬停的图像将被读给用户，这意味着可以更多地理解该主题。 ---
**Author:** ![jidanni](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidanni/32/291938_2.png) [@jidanni](https://meta.discourse.org/u/jidanni)\ **Post date:** [2023年四月22日 06:57 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/5 "2023-04-22T06:57:35Z")
事实上，例如，html-tidy 总是在发现缺少 ALT 属性的图像时提醒用户。 因此，作为每次 Discourse 发布前的标准步骤，应自动运行鼠标悬停检查器。 即使缺少一个鼠标悬停项也应阻止发布。 ---
**Author:** ![jidanni](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidanni/32/291938_2.png) [@jidanni](https://meta.discourse.org/u/jidanni)\ **Post date:** [2023年十月1日 10:09 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/6 "2023-10-01T10:09:12Z")
这里我们看到两个图标。 ![20231001T045839](https://global.discourse-cdn.com/meta/original/4X/6/f/1/6f1d1b0890bc9b899f198a05973343a25a5dbcf1.jpeg) 左边的箭头有一个鼠标悬停说明。 但右边这个带有“！”的神秘铃铛却没有。 HTML 是 ` ` 我建议定期自动检查，确保所有图标都有鼠标悬停说明。 在 [https://community.bitwarden.com/](https://community.bitwarden.com/) 和包括 meta 在内的许多网站上都能看到。 是的，铃铛与通知有关。而“！”可能意味着紧急或其他。或者从 SVG 名称可以看出它与“关注”有关。 等等！ 我点击了它，因为我想取消关注该主题，也许这就是要点击的，我想。 现在我看到 ![20231001T050455](https://global.discourse-cdn.com/meta/original/4X/4/8/5/485e05df3138e03592112cbd0232a683dcfb9eea.jpeg) 这使得它非常清楚。 但是，你仍然 100% 需要一个鼠标悬停。 鼠标悬停可以显示“正在关注 - 点击查看详情”。 不，鼠标悬停并不意味着“点击我看看会发生什么”。 它的意思是“开发人员忘记了鼠标悬停”。 是的，即使点击它能给用户带来大奖。 但他们在点击之前不知道。 ---
**Author:** ![anon65426961](https://avatars.discourse-cdn.com/v4/letter/a/34f0e0/32.png) [@anon65426961](https://meta.discourse.org/u/anon65426961)\ **Post date:** [2023年十月1日 10:16 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/7 "2023-10-01T10:16:57Z")
这可能明智，尽管并非每个人都有鼠标。 也许有人认为这是紧急警报铃，并且除非有鼠标悬停说明，否则永远不会单击。 鼠标悬停适用于线程末尾的警报设置链接，并且还发布了此设置的说明，因此无需鼠标即可阅读。 ![Screen Shot 2023-10-01 at 4.13.03 AM](https://global.discourse-cdn.com/meta/original/4X/9/d/a/9daa4b0beedab224bbd7e5b491c465b19ce8912c.png) ---
**Author:** ![jidanni](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidanni/32/291938_2.png) [@jidanni](https://meta.discourse.org/u/jidanni)\ **Post date:** [2023年十月2日 08:22 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/8 "2023-10-02T08:22:26Z")
是的，有人可能会认为这是“立即举报滥用”，并且不想点击以了解更多信息。 事实上，在帖子底部再次出现了该图标，并附有完整的说明。 因此，也许设计者认为人们的目光会先扫到底部，然后在目光移回顶部时想起该符号的含义，或者诸如此类。 ---
**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\ **Post date:** [2023年十月2日 09:15 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/9 "2023-10-02T09:15:52Z")
此外，它也被称为[工具提示](https://en.wikipedia.org/wiki/Tooltip)或[链接标题](https://www.w3docs.com/snippets/html/how-to-add-a-mouseover-text-with-html.html)。 ---
**Author:** ![anon65426961](https://avatars.discourse-cdn.com/v4/letter/a/34f0e0/32.png) [@anon65426961](https://meta.discourse.org/u/anon65426961)\ **Post date:** [2023年十月2日 17:11 UTC](https://meta.discourse.org/t/some-icons-lack-mouseovers/262454/11 "2023-10-02T17:11:04Z")
最有可能的是，你说这可能只是一个疏忽，在鼠标悬停信息显示中写下来是正确的。如果可以在新版本中添加，那可能很容易纠正。 侧面的滚动条似乎只用于桌面/平板电脑视图。 铃铛图标通常表示警报设置，而不是像旗帜或感叹号那样向老板报告某事。