社交网络图标缺少标题属性值答案

【问题标题】：Title attribute value is missing for a social networking icon社交网络图标缺少标题属性值
【发布时间】：2017-05-06 04:57:55
【问题描述】：

在一个网页中有一段：Follow Us：Facebook，Twitter。社交网络图标缺少标题。当我检查网页的代码时，我看到：缺少标题属性值：尽管开发人员说这些图标清晰且不言自明，但没有标题并不是一个好的可访问性做法。此外，正如我强调的那样，代码也不符合正确的 HTML 标准。请提出其他可能的问题，如果代码中缺少title属性值。

【问题讨论】：

您应该添加一些代码 sn-p 因为不清楚您是在谈论具有 alt 属性的 img 标记还是 div 元素上的 CSS 背景图像title 属性
@Adam 说了什么，我们需要看一个代码示例。此外，您可能需要注意title 属性在不同上下文中的影响：paciellogroup.com/blog/2013/01/…
你问了另一个类似的问题，有代码，是同一个问题吗？ stackoverflow.com/questions/43822590/…

标签： accessibility title

【解决方案1】：

在此上下文中（<a href>）缺少title 属性不存在可访问性问题。不要在这里使用它。

https://www.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/

title属性因缺乏支持而无用的情况：

显示在手机浏览器上查看的 Web 内容的信息。通常在桌面浏览器中，标题属性内容显示为工具提示。据我所知，任何移动浏览器都不支持工具提示显示，也不支持访问标题属性内容的替代视觉方法。

为不能使用鼠标的人提供信息。通常在桌面浏览器中，标题属性内容显示为工具提示。尽管工具提示行为已支持 10 多年，但目前还没有浏览器（IE10+ [在可聚焦元素上] 除外）实现了使用键盘显示标题属性内容的实用方法。

在大多数 HTML 元素上使用它来为各种辅助技术的用户提供信息。屏幕阅读器不统一支持对标题属性信息的访问

由于以上内容是从我对your other question 的回答中复制而来的，而且这个问题还不清楚title 是什么元素，因此请提供更多信息...

https://www.paciellogroup.com/blog/2016/02/short-note-on-use-of-alt-and-the-title-attribute/

alt="" 是屏幕阅读器软件的标准化指示，表明它是装饰性的，可以安全地忽略。 Powermapper 从 2015 年开始进行的测试：具有空 ALT 和非空 TITLE 属性的 IMG 发现 alt="" + 非空标题存在问题。

缺少 alt 属性会导致某些屏幕阅读屏幕阅读器软件无法将其传达给用户。

注意：在 Windows 10 上发现 JAWS 17 和 Chrome 48 存在此问题。Powermapper 从 2015 年开始进行测试：IMG 与 TITLE 屏幕阅读器兼容性发现此模式没有问题。

某些浏览器实现了 HTML5 要求，即 alt="" 等于 role="presentation"，这会导致从可访问性树中删除，因此尽管标题不为空，但仍会隐藏。

【讨论】：