如何让屏幕阅读器正确朗读以下内容:
请将 "F.A.Q." 解释为 "FAQ",而不是简称“faq”。
在这里使用
我尝试过:
1. 使用
有更好的解决方案吗?
<nav>
<a href="/">Home</a>
<a href="/faq">FAQ</a>
<a href="/contact">Contact</a>
</nav>
请将 "F.A.Q." 解释为 "FAQ",而不是简称“faq”。
在这里使用
<abbr>
没有意义,因为 “FAQ” 是众所周知的。我尝试过:
1. 使用
speak-as: spell-out;
CSS 属性,但显然屏幕阅读器对此支持不够好,在全球浏览器中似乎也只有约 3.5% 的支持率。
2. <a href="/faq" aria-label="F.A.Q.">FAQ</a>
可以在我的屏幕阅读器(Orca)上工作。然而,我担心有些人会读出项目符号,并且我认为 aria-label
是用于交互式元素的,所以我不确定它是否适用于像 <h1>FAQs</h1>
这样的内容。实际上,我认为许多人会完全忽略 h1
标签上的标签。
关于 <h1>FAQs</h1>
的问题进一步引起了有关正确读出它的担忧(即添加“s”的部分)。有更好的解决方案吗?