如何将焦点移动到Angular-ui / bootstrap tabset容器中的输入？

Question

我们正在努力使我们的应用程序尽可能地可访问。我们需要允许客户在应用程序中一直保持键盘和标签。我们使用angular-ui / bootstrap水平导航设置选项卡在每个选项卡面板中显示和收集数据。目前，我们找不到非鼠标方式来从标签向下进入选项卡面板，以便专注于可选择的组件。

是否为仅查看内容构建了tabset？如果没有，我们如何将焦点集中在选项卡面板中的可编辑/可选组件？

HTML：

  

  

     

                      

     

     

<tabset>
  <tab tab-index=1>
    <tab-heading>
      <span>hello</span><em>1</em>
    </tab-heading>
    One

    <input type="button" value="test" tabindex="2">
    </tab>
  <tab heading="Two" tab-index=1>Two</tab>
  <tab heading="Three" tab-index=1>Three</tab>
</tabset>

     

     

     

JS：

  

angular.module（＆＃39; ui.bootstrap.demo＆＃39;，[＆＃39; ui.bootstrap＆＃39;]）;   angular.module（＆＃39; ui.bootstrap.demo＆＃39;）。controller（＆＃39; test＆＃39;，function（$ scope）{   }）;