angular-ui-bootstrap - Angular-ui/bootstrapタブセットコンテナ内の入力にフォーカスを移動するにはどうすればよいですか?

Question

私たちは、アプリケーションを可能な限りアクセシブルにするよう取り組んでいます。アプリケーション全体を通して、顧客がキーボードとタブに手を置いたままにできるようにする必要があります。angular-ui/bootstrap の水平 navset タブを使用して、各タブパネル内のデータを表示および収集しています。現在、マウス以外でタブからタブ パネルにフォーカスを移動して、選択可能なコンポーネントにフォーカスを移動する方法を見つけることができません。

タブセットは表示専用コンテンツ用に作成されていますか? そうでない場合、タブパネルの編集可能/選択可能なコンポーネントにフォーカスを移すにはどうすればよいでしょうか?

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('ui.bootstrap.demo', ['ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('test', function ($scope) { });