キーボードのフォーカスを特定のページ要素でロックしたり、閉じ込めたりしないでください。ユーザーがキーボードのみを使用してすべてのページ要素間を移動できるようにする必要があります。
手動でのテスト方法
ユーザーが誤ってフォーカスをトラップしないようにするには、キーボードのみを使用して、すべてのページ要素間を移動します。「前方」に移動するには TAB
を、「後方」に移動するには SHIFT + TAB
を使用します。
Tab キーですべてのページ要素を正常に確認できない場合は、テストに失敗しています。テスト時には特に、キーボードのフォーカスが止まる可能性があるオートコンプリート ウィジェットに注意してください。
修正方法
モーダル ダイアログやウィジェットなど、複数の形式でコンテンツを表示するページは、フォーカス トラップのリスクがあります。モーダルを表示する場合、ユーザーがページの他の部分を操作できないようにするには、ユーザーを一時的にトラップするのが合理的です。
ただし、キーボードでモーダルをエスケープする方法も用意する必要があります。アクセス可能なモーダルを作成する方法について、こちらの例をご覧ください。 モーダルとキーボード トラップもご覧ください。この例では、ユーザーがページを更新しなくてもフォーカス トラップから抜け出すことなく、モーダルの望ましい動作を実現できます。
重要である理由
マウスを使用しない、または使用しないユーザーにとっては、画面上のあらゆるものを操作する主な手段としてキーボード ナビゲーションが使用されます。優れたキーボード エクスペリエンスは、論理的なタブオーダーと、簡単に識別できるフォーカス スタイルによって決まります。キーボード ユーザーが特定のページ要素に閉じ込められると、そのページを操作できなくなります。
詳しくは、ユーザー補助の審査方法をご覧ください。