让屏幕阅读器正确发音常见缩写

Question

如何让屏幕阅读器正确朗读以下内容：

<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”的部分）。

有更好的解决方案吗？

- J P

Answer 1

如果你想做某事，唯一真正好的答案是使用<abbr>缩写标签。

正如你所说，FAQ是一个众所周知的缩略语，因此你不需要明确展开它。

如果你不想使用<abbr>，或者像现在这种情况下认为它不需要，因为缩写非常普遍，实际上不需要采取其他任何行动。

你可以在链接上使用aria-label，或者使用视觉隐藏/屏幕外文本，但实际上这是不好的想法，因为你可能会创造更多问题而不是解决问题。

<abbr>很好，因为你可以在屏幕阅读器选项中决定是否扩展缩写。

对于其余部分，大多数屏幕阅读器都带有发音词典，通常可由用户自定义。如果他们听到“FAQ”这个词无法理解，他们可以将其加入字典中，以便根据自己的偏好发音为“Frequently asked questions”或“F，A，Q”。如果你强制干预发音并让用户不知道它是什么，他们可能就不会理解它，从而让用户体验变得更糟。

- QuentinC