在我的网站上，用户可以单击"实时聊天"按钮，然后出现一个聊天窗口。我正在寻找一些文本来读出（对于带有屏幕阅读器的辅助功能用户）
当聊天窗口出现时，焦点转到输入文本框 - 用户可以在其中输入其文本以与顾问聊天。 我有一个div 的位置离屏幕很远 - 我想读出文本。我试过咏叹调-live=断言，但没有运气 - 没有被读出来。
<div id="sreader" aria-live="Assertive"> if you use a screen reader you can call this number 0800 123 456</div>
任何想法 - 如何被迫读出来？
谢谢
对
aria-live的支持参差不齐。
查看代码示例会很方便，但是如果您总是将重点放在字段上，那么也许您希望将aria-label与一些良好的消息传递一起使用，因为这得到了更好的支持，并且会在字段获得焦点时朗读。
例如：
<label for="foo">Field Label</label>
<input type="text" id="foo" aria-label="Field Label. Note: If you are using a screen reader…">
请注意，这仍会向用户宣布该字段并完全覆盖<label>中的文本。这就是为什么我把它包含在aria-label中.
请记住，这可能不是最佳方法，因此您应该与用户一起进行测试。但是，它涉及的元素较少，并将消息直接放在您似乎需要的位置，而无需依赖脚本。
- 可能值得一读：屏幕阅读器对 ARIA 实时区域的支持
- JAWS 的示例：ARIA（可访问的富互联网应用程序）实时区域