我们可以对 div 使用 role = "tablist" .因为这不能与大白鲨正常工作。它失去了焦点

Question

是否可以使用role ="tablist"来表示div。因为这与大白鲨不能正常工作。它失去了焦点。

<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"添加到tablistdiv
• 将aria-labelledby="tab1"添加到tabpaneldiv
• 添加id="tab1"到tabindexdiv
• 将id="panel1" aria-hidden="false"添加到tabpaneldiv
• 将aria-controls="panel1" aria-expanded="true"添加到tabindexdiv

引用

• WAI-ARIA 1.1创作实践

• 示例-标签面板:Accordian1