弹出式窗口和aria-live的可访问性问题

Question

我在使用aria-live = polite时收到一条错误消息。 宣布第一次出现错误。 它第二次再次宣布是否在同一页面上打开弹出窗口，并且该页面已发生错误。

<div aria-live="polite">
<error-message-component></error-message-component>
</div>

我无法找到原因，因为它已经向用户宣布，并且弹出窗口后的内容为aria-hidden =“ true”

Answer 1

所以问题在于错误消息（aria-live）被宣告了两次？ 预计会是第一次，但是如果您打开一个弹出窗口，会宣布第二次出现吗？

如果您仅指定aria-live="polite" 而不指定aria-relevant ，那么这意味着只要您在<div>（）中更改文本（添加，删除或更改文本），就应该宣布aria-live区域。或其任何子DOM元素），或者添加子DOM元素（但不删除子DOM元素）。

因此，您应该确认显示弹出窗口时，没有将子DOM节点添加到aria-live区域，并且在aria-live区域内没有任何文本被更改。

还要检查弹出窗口是否以某种方式引用了咏叹调活动区域。 如果您的弹出窗口中的某个区域具有一个aria-labelledby或aria-describedby的aria指向aria活跃区域，那么该aria活跃区域将被宣布为弹出窗口的一部分。