部分图标缺少悬停提示

检查这里的鼠标悬停效果,


我们发现每个图标都有鼠标悬停效果,例如您在此处看到的“引用整个帖子”。

几乎每一项。

例如,这个奇怪的箭头缺少鼠标悬停效果。

齿轮也没有。

网站标志也没有。

当然,您可能会说,任何拥有互联网驾照的人都应该知道齿轮代表什么。是的,我知道。但是,信不信由你,有些人并不像我一样聪明。所以加上鼠标悬停效果也无妨。

而且,我承认我不确定箭头会做什么。现在你永远不知道。所以请加上鼠标悬停效果。

3 个赞

我认为你说得没错。箭头应该有一个鼠标悬停提示,上面写着“回复选项”,而齿轮图标应该是“更多发帖选项”之类的。尽管这两个按钮点击时都会弹出更多选项,但它们仍然应该有鼠标悬停描述。

3 个赞

鼠标悬停也可用于帮助盲人,因为带有鼠标悬停的图像将被读给用户,这意味着可以更多地理解该主题。

3 个赞

事实上,例如,html-tidy 总是在发现缺少 ALT 属性的图像时提醒用户。

因此,作为每次 Discourse 发布前的标准步骤,应自动运行鼠标悬停检查器。

即使缺少一个鼠标悬停项也应阻止发布。

1 个赞

这里我们看到两个图标。


左边的箭头有一个鼠标悬停说明。
但右边这个带有“!”的神秘铃铛却没有。

HTML 是
<svg class="fa d-icon d-icon-d-watching svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"> <use href="#discourse-bell-exclamation"></use> </svg>
我建议定期自动检查,确保所有图标都有鼠标悬停说明。

https://community.bitwarden.com/ 和包括 meta 在内的许多网站上都能看到。

是的,铃铛与通知有关。而“!”可能意味着紧急或其他。或者从 SVG 名称可以看出它与“关注”有关。

等等!
我点击了它,因为我想取消关注该主题,也许这就是要点击的,我想。

现在我看到


这使得它非常清楚。

但是,你仍然 100% 需要一个鼠标悬停。

鼠标悬停可以显示“正在关注 - 点击查看详情”。

不,鼠标悬停并不意味着“点击我看看会发生什么”。

它的意思是“开发人员忘记了鼠标悬停”。

是的,即使点击它能给用户带来大奖。

但他们在点击之前不知道。

2 个赞

这可能明智,尽管并非每个人都有鼠标。

也许有人认为这是紧急警报铃,并且除非有鼠标悬停说明,否则永远不会单击。

鼠标悬停适用于线程末尾的警报设置链接,并且还发布了此设置的说明,因此无需鼠标即可阅读。

是的,有人可能会认为这是“立即举报滥用”,并且不想点击以了解更多信息。

事实上,在帖子底部再次出现了该图标,并附有完整的说明。

因此,也许设计者认为人们的目光会先扫到底部,然后在目光移回顶部时想起该符号的含义,或者诸如此类。

此外,它也被称为工具提示链接标题

1 个赞

最有可能的是,你说这可能只是一个疏忽,在鼠标悬停信息显示中写下来是正确的。如果可以在新版本中添加,那可能很容易纠正。

侧面的滚动条似乎只用于桌面/平板电脑视图。

铃铛图标通常表示警报设置,而不是像旗帜或感叹号那样向老板报告某事。