我们可以使用role =＆＃34; tablist＆＃34;对于div。因为这不适合与大白鲨一起工作。它失去了焦点

Question

我们可以对div使用role =“tablist”吗？因为这不适合与大白鲨一起工作。它失去了焦点。

<div role="tablist">
    <h3>
        <div tabindex="-1" role="tab" aria-setsize="3" aria-posinset="2">
            Page 2
        </div>
    </h3>
</div>                 
<div role="tabpanel" aria-selected="false">                     
    <p>Test Slide div and looses focus.</p>                 
</div>

Answer 1

• 将aria-multiselectable="true"添加到tablist div
• 将aria-labelledby="tab1"添加到tabpanel div
• 将id="tab1"添加到tabindex div
• 将id="panel1" aria-hidden="false"添加到tabpanel div
• 将aria-controls="panel1" aria-expanded="true"添加到tabindex div

<强>参考

• WAI-ARIA 1.1 Authoring Practices

• Example - Tab Panel: Accordian1