咏叹调活着，繁忙的咏叹调​​，扩大的咏叹调和控制咏叹调的规则是什么？

Question

在以下非常简单的情况下，我不确定是否要尊重不同aria属性的所有相互依赖关系：切换某些区域可见性的按钮，但此类区域也必须首先填充。

首次点击之前：

<div aria-live="polite">
    <button>Toggle details</button>
</div>

首次单击后，正在加载数据：

<div aria-live="polite" aria-busy="true">
    <button aria-controls="details" aria-expanded="false">Toggle details</button>
    <div id="details"></div>
</div>

加载数据后：

<div aria-live="polite" aria-busy="false">
    <button aria-controls="details" aria-expanded="true">Toggle details</button>
    <div id="details">Some data</div>
</div>

第二次点击后

<div aria-live="polite" aria-busy="false">
    <button aria-controls="details" aria-expanded="false">Toggle details</button>
    <div id="details" style="display: none;">Some data</div>
</div>

等等。

这个对吗？ aria-live是否在单独的（父）标签上而不是实际代表可隐藏面板的标签上正确吗？

Answer 1

通常，ARIA活动区域应仅存在于具有简单文本块的容器上。 一个有生命的区域会说出它的全部内容（禁止使用aria-atomic ），并且此控制可能太复杂而无法很好地适应。

您的披露按钮很好（对于此简化方案）。

与应用ARIA（或者坦率地说，是大多数可用性问题）时通常一样，要使用的特定代码取决于上下文。

如果您有一个特定的示例，则测试起来会容易得多。