html - 如何在嵌套结构中设置 aria-live="assertive" 和 role="alert"？

Question

我有一个很大的网页，在成功提交表单后，它开始显示成功/失败消息，我们希望 NVDA 在单击提交按钮后自动读取相同的信息。我已经尝试了添加 aria-live 和角色属性的基本建议，但它不起作用。这是片段：

<p class="mb-hidden" ref={(el) => (this.messageBar = el as HTMLParagraphElement)}>
  <div aria-live="assertive" id ="testID" role="alert">
    <span class="classRed" id="container2" ref={(el) => (this.message = el as HTMLSpanElement)}></span>
  </div>
</p>

单击提交按钮后，跨度会随消息更新，但 NVDA 不会自动读取消息。