我不确定我是否尊重不同咏叹调属性的所有相互依赖关系,给出以下非常简单的场景:切换某些区域的可见性的按钮,但是这个区域也必须首先填充。
首次点击之前:
<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是否在实际代表可隐藏面板的单独(父)标签上是否正确?
答案 0 :(得分:2)
通常,ARIA实时区域应仅存在于具有简单文本块的容器中。现场区域将说出其全部内容(除非使用aria-atomic
),并且此控件可能过于复杂而不适合。
您的披露按钮很好(针对此简化方案)。
通常情况下,在应用ARIA时(或坦率地说,大多数可用性问题),使用的具体代码取决于上下文。
如果您有一个更容易测试的特定示例。