HTML – 屏幕阅读器如何读取标签？

概述我了解到< abbr>标签应该由屏幕阅读器解释,其标题属性在屏幕阅读器读取时将替换其内容.但是,当我尝试这种方式时,MacOS(Firefox和Safari)Voiceover和NVDA( Windows 10,Edge和Firefox)都不会这样.这是相关的代码部分： ... bla bla bla <abbr title="nervus">N.</abbr> peronaeus ... (这是 我了解到< abbr>标签应该由屏幕阅读器解释,其标题属性在屏幕阅读器读取时将替换其内容.但是,当我尝试这种方式时,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 ……” – 没有“神经”……

我是正确使用语法还是我缺少某些东西？或者,如果这是正确的：是否有任何WAI-ARIA代码或类似的东西,我可以添加,以使其工作在大多数屏幕阅读器上的方式？

解决方法 你不能真正依赖用户听到元素的Title属性. Here’s a good resource on how screen readers process HTML elements,对于abbr,条目如下：

如您所见,屏幕阅读器通常只是读出元素内容.由于N.包含一个句点,它只读出“N”,然后在这段时间内完全停止.您可以设置屏幕阅读器来阅读标题内容,但这是一个选择加入设置,因此您不应该依赖它.实际上没有办法为具有标题的屏幕阅读器设置内容.

总结

以上是内存溢出为你收集整理的HTML – 屏幕阅读器如何读取标签？全部内容，希望文章能够帮你解决HTML – 屏幕阅读器如何读取标签？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。