角色=“ tab”必须是角色=“ tablist”的直接子代吗？

Question

我有一个手风琴，其结构如下：

<section... role="tablist">
  <div>
    <h3 role="tab">Title</h3>
    <div role="tabpanel">
    ...
    </div>
  </div>
</section>

选项卡是否必须是选项卡列表的直接子项才能符合wai aria最佳做法，还是可以将其包装在div中？

Answer 1

  

作者必须确保带有角色标签的元素包含在中或由具有角色标签列表的元素拥有。

     

^{https://www.w3.org/TR/wai-aria-1.1/#tab}

因此，您的示例是正确的。

我建议您通读规范，以确保遵循最佳ARIA做法。

例如，在role元素上添加div，而不是as per the best practice example元素。