咏叹调,咏叹调,咏叹调和咏叹调控制之间的规则是什么?

时间:2017-05-04 18:38:53

标签: html wai-aria

我不确定我是否尊重不同咏叹调属性的所有相互依赖关系,给出以下非常简单的场景:切换某些区域的可见性的按钮,但是这个区域也必须首先填充。

首次点击之前:

<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>

第二次点击后

webpack-dev-server --config build/webpack.standalone.js

等等。

这是对的吗? aria-live是否在实际代表可隐藏面板的单独(父)标签上是否正确?

1 个答案:

答案 0 :(得分:2)

通常,ARIA实时区域应仅存在于具有简单文本块的容器中。现场区域将说出其全部内容(除非使用aria-atomic),并且此控件可能过于复杂而不适合。

您的披露按钮很好(针对此简化方案)。

通常情况下,在应用ARIA时(或坦率地说,大多数可用性问题),使用的具体代码取决于上下文。

如果您有一个更容易测试的特定示例。