如果aria live被其他标签打断,如何阻止这种行为?

听起来不像 aria-live 正在正确使用。 阿丽亚现场 如果某个元素的内容/子元素将发生更改,则打算在该元素上使用。这包括添加/删除/更改元素本身的文本(例如 textContent W3 spec on aria-live 完整的细节。

aira-live 是 不 用于指示元素的属性何时更改。也就是说,使用 阿丽亚现场 在 <div> aria-label 将 不 宣布。

aria-atomic aria-atomic="false" -默认值)还是应该读取整个元素( aria-atomic="true" ).

<div aria-live="polite">
  this message will self destruct in 
  <span id="counter">X</span> 
  seconds
</div>

没有 原子的 false 如果您更新 counter 到“5”,然后 计数器的值将显示为“5”。但是,如果您使用 aria atomic=“真” 上 <部门>

<div aria-live="polite" aria-atomic="true">
  this message will self destruct in 
  <span id="counter">X</span> 
  seconds
</div>

到'5',您将听到“此消息将在5秒内自毁”。

aria-live="polite" 除非你有一条非常重要的信息需要打断别人的阅读。很少有这样的情况 aria-live="assertive" 必须使用。使用 assertive

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

“用户代理或辅助技术 五月 选择在发生断言更改时清除排队更改“

<h2>