对WAI-ARIA属性使用双向赋值是否过分了

Question

对aria属性使用双向赋值是重复的还是过度的？例如使用CCD_ 1和CCD_？

<div role="tablist">
  <a href="#" id="tab-1" role="tab" aria-controls="panel-1">Tab 1</a>
</div>
<div id="panel-1" role="tabpanel" aria-labelledby="tab-1"></div>

Answer 1

这样做是可以的，不这样做也是可以的。不这样做是可以的原因是：

首先：角色tabpanel是一个区域角色，不需要标签，所以没有标签也可以。第二：你应该在你的选项卡面板内创建一些可聚焦的东西（例如第一个标题），这样用户就可以直接从所选的选项卡进入选项卡面板。当他们这样做时，焦点会直接指向可聚焦元素。这意味着选项卡面板标签永远不会被读取。

支持这样做的论点是，使用DOM导航的屏幕阅读器用户将遇到选项卡面板，并知道选择了哪个选项卡，而不必导航到选项卡本身。