我的HTML页面包含以下行:
<abbr title="World Wide Web Consortium">W3C</abbr>
使用NVDA屏幕阅读器(版本2016.1)阅读页面时,它只读取“W3C”,但从不读取标题。
我试图在NVDA中找到一个设置来激活title属性的读取,但没有任何运气。谷歌没有关于此限制的内容(NVDA的最新版本应该阅读标题)。
我没有尝试任何其他屏幕阅读器,如JAWS或Voice Over。
答案 0 :(得分:1)
盲人了解其他人的缩写。因此,每次使用这些缩写时,他们都不希望听到FBI,NASA,W3C的定义。 (虽然这可以在一些屏幕阅读器中配置)
如果您认为应该解释缩写,那么每个人都会担心,并且提供带有abbr
标签的定义是一个坏主意,因为它需要标准用户使用鼠标悬停该术语。 / p>
事实上,abbr
标签唯一的兴趣是在语义上标记一个abbeviation,以便拼出例如。如果要解释缩写,请使用完整定义。
错误示例:
<abbr title="Doctor">Dr</abbr> Martin lives in Lincoln <abbr title="Drive">Dr</abbr>
He works for the <abbr title="Worldwide Web Consortium">W3C</abbr>
好示例:
Doctor Martin lives in Lincoln Drive
He works for the World Wide Web Consortium (known as the <abbr>W3C</abbr>)
答案 1 :(得分:-1)
我发现这篇文章澄清了很多: title attribute and accessibility
基本上,使用标题属性对于屏幕阅读器没有用处。相反,我们应该始终为屏幕阅读器使用隐藏文本(除了对其他情况仍然有用的title属性)。
例如,如果您使用带有问题示例的Bootstrap:
<abbr title="World Wide Web Consortium">
W3C
<span class="sr-only">World Wide Web Consortium</span>
</abbr>