Can we use role ="tablist" for div . As this is not properly working with Jaws. It looses the focus

Question

Can we use role ="tablist" for div . As this is not properly working with Jaws. It looses the focus .

<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>

score 1 · Answer 1 · edited Sep 18 '18 at 01:29

1

Add aria-multiselectable="true" to the tablist div
Add aria-labelledby="tab1" to the tabpanel div
Add id="tab1" to the tabindex div
Add id="panel1" aria-hidden="false" to the tabpanel div
Add aria-controls="panel1" aria-expanded="true" to the tabindex div

References

edited Sep 18 '18 at 01:29

Our_Benefactors

3,220
3
21
27

answered Apr 24 '14 at 20:10

Paul Sweatte

24,148
7
127
265

Can we use role ="tablist" for div . As this is not properly working with Jaws. It looses the focus

1 Answers1