html - 如何在不暂停句子的情况下覆盖屏幕阅读器对句子中单词的发音？

Question

假设我在 HTML 中有以下句子:

<p>Please enter your licence number</p>

屏幕阅读器将“licence”一词误读为“liss-ens”(拼音)。应该读作“lice-ens”(音标)。

我想通过为屏幕阅读器提供拼音来解决这个问题，同时让文本在视觉上看起来相同。

我可以使用 <span>小号，aria-属性和样式如下:

<p>Please enter your <span aria-hidden="true">licence</span><span style="position: absolute; left: -10000em;">license</span> number</p>

除了屏幕阅读器(我正在 MacOS 上使用 VoiceOver 进行测试)在到达第一个跨度时暂停，迫使我按 [VO]+[向右箭头] 前进到下一个跨度外，这工作得很好单词:

“请输入您的”...[VO]+[右箭头]...“许可证”...[VO]+[右箭头]...“号码”

我希望屏幕阅读器能够流畅地读出句子而不会停顿。

这可能吗？还是我不应该试图控制它？

Answer 1

不要。

真的，不用担心。我知道这听起来很老套，但这是基于多年与屏幕阅读器用户合作(并尝试做你想做的事情)的真实建议。

大多数屏幕阅读器用户已经熟悉他们的工具是如何读出单词的，以及与缩写、日期、时间等相关的怪癖。如果试图覆盖它，您可能会冒着让用户感到困惑的风险。

如果您与屏幕阅读器用户交谈，您可能会发现这是真的。这是一个如此普遍的问题，以至于它在本周的 WebAIM 邮件列表中再次出现:http://webaim.org/discussion/mail_message?id=34398

请注意线程中的这个有见地的评论:

In fact, sometimes if you listen very carefully to a screen reader user talking, you can catch that we will pronounce words the same as our screen readers do--and we are not even aware of it.

绝对不要尝试重新利用 <ruby> .通常，如果您不理解某个元素，则不要使用它，当然也不要将其视为 hack。这会给尝试自动翻译内容的人带来问题。

此外，如果您不准备使用 hack，请不要使用 test it across all screen reader and platform combinations (包括每个屏幕阅读器和浏览器配对的多个版本)。

最后，记住关于1/3 of screen reader users have vision , 因此有时强制发音会混淆他们在屏幕上看到的内容。