屏幕阅读器必须阅读动态文本

Question

您好我有以下html和jquery替换文本段落中的文本。我正在使用nvda屏幕阅读器进行测试，我想在按下一两个按钮时大声朗读#text中的文本。我需要用什么样的咏叹调角色/标签来实现这一点？

$('#btn').click(function(){
 $('#text').text('This is message one');
});
$('#btn2').click(function(){
 $('#text').text('This is message two');
});
<button id="btn">Read out text</button>
<button id="btn2">Read out text 2</button>
<p id="text"></p>

Answer 1

如果不了解更多细节，只需aria-live="polite"即可保持简单。

<button id="btn" aria-live="polite">Read out text</button>

https://www.w3.org/TR/wai-aria/#aria-live

如果邮件非常重要，您可以使用aria-live="assertive"。您还可以指定要读取的更改类型（aria-relevant）以及要读取的对象的哪些部分（aria-atomic）。但就目前而言，您应该只需要aria-live="polite"。