Question

我有这样的意见:

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

表格是否必须成为列表中一个直接的儿童,以便符合瓦伊里亚最佳做法,还是要把它装成一片 d?

Answer 1

作者MUST确保一个具有表格作用的内容 载于<>> >,或由其中一部分人拥有。

< https://www.w3.org/TR/wai-aria-1.1/#tab 。

Your example is therefore correct.

我建议你通过幽灵来理解,以确保你遵循最佳的《阿拉伯倡议》做法。

例如,在<条码>div上添加<条码>,而不是<条码>, rel=“nofollow noreferer”作为最佳范例。

Answer 2

它不一定是直接的儿童。只要是“后代”,它就有效。

<div> norole in the accessiblemoto so that it is not impacts the accessible experiences. (如果你使用does。) 具有特别的无障碍作用,因此,你可以将其置于<条码>/条码>或<条码>上。

实例:

<ul role="tablist">
    <li role="none">
        <a id="tab-1" href="#panel-1" role="tab" aria-selected="true" aria-controls="panel-1" tabindex="0"> Tab 1 </a>
    </li>
    <li role="none">
        <a id="tab-2" href="#panel-1" role="tab" aria-selected="false" aria-controls="panel-2" tabindex="-1"> Tab 2 </a>
    </li>
    ...
</ul>
<div class="tab-panels">
    <section id="panel-1" role="tabpanel" tabindex="0" aria-labelledby="tab-1">
        Panel content
    </section>
    <section id="panel-2" role="tabpanel" tabindex="0" aria-labelledby="tab-2" hidden>
        Panel content
    </section>
    ...
</div>

友情链接