aria 标签 - 强制屏幕 reader 阅读一些文本
aria tags - force screen reader to read some text
在我的网站上，用户可以单击 "livechat" 按钮并出现聊天 window。我正在寻找一些要读出的文本（对于有屏幕的辅助功能用户 reader）
当聊天 window 出现时，焦点转到输入文本框 - 用户可以在其中输入文本以与顾问聊天。我有一个 div 位于屏幕外的一段距离 - 我想读出文本。我试过 aria-live=assertive，但运气不好 - 没有被读出。
<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.
中的原因
请记住，这可能不是最好的方法，因此您应该与用户进行测试。但是，它涉及的元素更少，并且将消息直接放在您似乎需要它的地方，而无需依赖脚本。
在我的网站上，用户可以单击 "livechat" 按钮并出现聊天 window。我正在寻找一些要读出的文本（对于有屏幕的辅助功能用户 reader）
当聊天 window 出现时，焦点转到输入文本框 - 用户可以在其中输入文本以与顾问聊天。我有一个 div 位于屏幕外的一段距离 - 我想读出文本。我试过 aria-live=assertive，但运气不好 - 没有被读出。
<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.
请记住，这可能不是最好的方法，因此您应该与用户进行测试。但是，它涉及的元素更少，并且将消息直接放在您似乎需要它的地方，而无需依赖脚本。