web-dev-qa-db-ja.com

スペースバーはタブをアクティブにする必要がありますか?

開いていないタブに移動した後、タブキーを使用して、Webページにフォーカスします。

'スペースバー'キーボードキーでそのタブをアクティブにして開く必要がありますか(デフォルトの 'Enter'キーと同様に)?この動作のガイドラインは何ですか?

9
Timm

MozillaのアクセシビリティQAエンジニアであり、伝道者であるMarco Zeheが WAI-ARIAを使用したWebアプリでのタブの実装に関する記事 でいくつかのアドバイスを提供しました。彼は、セット内のタブ間でフォーカスを移動し、次にスペースバーでフォーカスされたタブをアクティブにするカーソルキーを推奨しています。これは、ネイティブデスクトップエクスペリエンスと一致しています。

左矢印キーと右矢印キーでフォーカスを新しいタブに移動しますが、まだ選択していません。 スペースは、実際にタブパネルの非表示と非表示解除を実行し、aria-selected属性を調整する必要があります。これは、複数のタブを備えたMac OS Xアプリケーションが通常行う方法です(たとえば、[システム環境設定]の多くのマルチタブパネル)。これにより、フォーカスの変更ごとに動的な更新やネットワークトラフィックがトリガーされることなく、ユーザーがフォーカスを複数回変更できるようになります。タブを選択する明示的な手順のみが、実際に変更をトリガーし、トラフィックを送信する必要があります。マウスまたはタッチで同時に両方をトリガーできます。タブはすぐにタブパネル内の最初のコントロールに移動します。残りのタブはスキップされます。

私は通常、スペースバーまたはEnterキーを使用できるようにタブを実装します。

12
Matt Obee