html - 当在父级上使用 aria-live 时，如何从屏幕读取中读取一个子元素？

Question

我在下面提到了 HTML 结构。

<div class="Parent Class" aria-live="assertive">
    <p class="child1"> Some text here </p>
    <div class="filters">
        <ul>
        <li> Filter 1</li>
        <li> Filter 2</li>
        </ul>
    </div>
</div>

里面的数据

代码中其他地方的操作更改了标记。现在当里面的数据

更改时，屏幕阅读器会同时显示<p>和<div class="filters">元素。如何阻止屏幕阅读器宣布<div class="filters">元素。注意：不能使用aria-hidden = "true"on <div class="filters">，因为我仍然需要从屏幕阅读器的正常流程中宣布它。