屏幕阅读器如何读取 <abbr> 标签？

Question

我了解到<abbr>标签应该由屏幕阅读器解释，其title属性将在屏幕阅读器阅读时替换其内容。但是，当我尝试这样做时，MacOS（Firefox 和 Safari）Voiceover 和 NVDA（Windows 10、Edge 和 Firefox）都不能那样工作。这是相关的代码部分：

... bla bla bla <abbr title="nervus">N.</abbr> peronaeus ...

（这是医学表达）

IMO 这应该读作“...... bla bla bla nervus peronaeus ...”，但它读作“...... bla bla bla N.”，然后是长时间的沉默（或者屏幕阅读器甚至停在它之前），显然是因为点，然后是“peronaeus ......” - 没有“nervus”......

我是否正确使用了语法还是我遗漏了什么？或者，如果这是正确的：是否有任何 WAI-ARIA 代码或类似的代码可以添加以使其按照大多数屏幕阅读器应该的方式工作？

Answer 1

您不能真正依赖用户听到title元素的属性。这里有一个关于屏幕阅读器如何处理 HTML 元素的好资源，abbr其条目如下：

如您所见，屏幕阅读器通常只是读出元素内容。由于N.包含句点，因此它只读出“N”，然后对句点进行句号。您可以设置屏幕阅读器来阅读title内容，但这是一个选择加入的设置，因此您不应依赖它。确实没有办法为屏幕阅读器设置内容title。