对 WAI-ARIA Properties 使用双向赋值是不是太过分了？

Question

repetitive/overkill 使用带有 aria-properties 的双向赋值是好是坏？例如使用 aria-control 和 aria-labelledby?

<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 导航的屏幕 reader 用户会遇到选项卡面板并知道选择了哪个选项卡，而无需导航到选项卡本身.

对 WAI-ARIA Properties 使用双向赋值是不是太过分了？

Is it overkill to use two way assignment with WAI-ARIA Properties?

html

accessibility

wai-aria