带tabindex 0到下一个带有tabindex 1+的元素的

Question

我有一个带有一组<a>标签的HTML模板。为元素添加了表索引。

问题在于单击选项卡按钮来聚焦，带有tabindex 1+的元素没有对焦。

要求将焦点从使用tabindex 0的元素更改为使用tabindex 1+的元素。

<div>
    <ul class="gn-filter-anchor-list">

        <li>
            <a title="Under $25.00" tabindex="0" href="/"><span class="off-screen">from Price</span> Under $25.00</a></li>
        <li>
            <a title="$25.00-$49.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $25.00-$49.00</a></li>
        <li>
            <a title="$50.00-$74.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $50.00-$74.00</a></li>
        <li>
            <a title="$75.00-$99.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $75.00-$99.00</a></li>
        <li>
            <a title="Over $100.00" tabindex="0" href="/"><span class="off-screen">from Price</span> Over $100.00</a></li>
  </ul>
</div>
<div >
    <div class="dept-large"><a href="/" tabindex="2">xxx</a></div>
    <div class="dept-large"><a href="/" tabindex="1">xxx</a></div>
    <div class="dept-large"><a href="/" tabindex="1">xxx</a></div>  
</div>
<div >
    <ul class="pagination" >
        <li class="current"><a href="#" >1</a></li>
        <li class="odd first"><a href="#" >2</a></li>
        <li class="even"><a href="#" >3</a></li>
        <li class="odd"><a href="#" >4</a></li>
    </ul>
</div>

ngl/mjps7ufs/

Answer 1

见下文：

tabindex全局属性是一个整数，指示元素是否可以接受输入焦点(是可聚焦的)，是否应该参与顺序键盘导航，如果应该，在哪个位置。它可以有几个值：

• 负值意味着元素应该是可聚焦的，但不能通过顺序键盘导航到达；
• 0意味着元素应该是可聚焦的和可以通过顺序键盘导航到达的，但其相对顺序由平台约定来定义；
• 正值意味着通过顺序键盘导航应该是可聚焦和可达的；它的相对顺序是由属性值定义的:顺序跟随表索引的增加数。如果多个元素共享相同的表索引，则它们的相对顺序遵循它们在文档中的相对位置。

具有0值、无效值或没有表索引值的元素应放在顺序键盘导航顺序中具有正表索引的元素之后。

来源：attributes/tabindex