我有一个带有 HTML 的电话号码：
<a aria-label="Call 1 8 0 0 5 5 5 1 2 1 2 for further questions" href="Tel:18005551212">1-800-555-1212</a>
它的阅读方式与大多数屏幕阅读器一样，但 NVDA 是一个例外，其内容类似于“链接呼叫 1 8 0 0 5 5 5 1 2 链接 1 2 以获取更多问题”。第二个“链接”似乎不合适。什么可能导致这种情况以及任何可能的修复建议？
1 回答
1
我刚刚在 Firefox 和 chrome 中使用 NVDA 尝试了你的简单示例，但我没有听到第二个“链接”。您的代码示例可能会从有问题的原始代码中缩减。也许从您的原始代码中发布一个更大的示例。
作为旁注，我理解aria-label数字之间的空格会强制屏幕阅读器将电话宣布为单独的数字，但这会给盲文用户带来问题。他们会读取电话号码中的一堆空格，并且会更难阅读。最好让屏幕阅读器决定如何发音一个电话号码，然后用户可以调整他们的设置，让它以他们想要的风格阅读。
当我在 chrome 和 firefox 中尝试使用 NVDA 时，它会像您期望的那样读取电话号码。
<a aria-label="Call 1-800-555-1212 for further questions" href="Tel:18005551212">1-800-555-1212</a>
实际上，它比您的示例读起来更好，因为由于破折号，在“八百”和“五五五”和“一二一二”之间有轻微的停顿。在您的示例中，我听到一串数字作为一个长字符串，没有短暂的停顿。
于 2021-07-23T01:48:52.533 回答