manual-review

手動レビュー:キーボード操作とフォーカス順序

manualWCAG 2.1.1, 2.4.3, 2.4.7 (AA)確度:medium重大度:moderateoperable

キーボード操作とフォーカス順序の手動レビューが必要であることを示します。

適用範囲:ページの内容にかかわらず、すべての実行に適用されます。キーボード操作性とフォーカス順序はページ全体の性質であり、どのようなマークアップのパターンでもこの問題を除外することはできません。

期待される結果:常にcantTellとなり、スキャンのルートに1件の検出箇所を持ちます。フォーカスをすべてのコンポーネントから外へ移動できるか、タブ順序が読む順序に従っているか、使用中にフォーカスインジケーターが表示され続けるかは、いずれも人が実際にページを操作して確かめる必要があります。このルールは、その必要性を読み手の記憶に任せるのではなく、結果の中に明示するためにあります。

例

can't tell
<body>
<p>Any page content.</p>
</body>

キーボード操作性とフォーカス順序は、常に人が実際にページを操作して確かめる必要があります。このルールは、実行のたびにその必要性を明示します。

確認方法

このルールが判断できない場合はcantTellを報告し、判断を人に委ねます。ルールが投げかける各質問を、理由コードごとに、答えるための手順とともにここに示します。検出結果にも同じ手順がhowToCheckとして、スキャンの言語で含まれます。出力スキーマを参照してください。

KEYBOARD_REVIEW

  1. ブラウザーのアドレスバーをクリックし、Tabキーを繰り返し押してページ上のすべてのリンクとコントロールを移動してください。
  2. 各停止位置で、フォーカスの位置が見えること、また順序がページの読み上げ順序に沿っていることを確認してください。
  3. 各コントロールをキーボード(Enter、Space、矢印キー)で操作し、メニューやダイアログを開閉してください。
  4. キーボードで到達や操作ができないものがある場合は、カルーセルの「前へ」「次へ」ボタンや、ドラッグで並べ替えるリストの「上へ」「下へ」ボタンのように、同じことをキーボードだけで行える別の方法がページにあるか確認してください。マウスでできることをすべて行える場合にだけ、それを認めます。
  5. フォーカスがコンポーネント内から出られなくならないこと、EscapeやTabキーで先へ進めることを確認してください。

満たす場合:すべてがキーボードで、直接または同じことができる別の方法で動作し、フォーカスは意味のある順序で移動し、常に見え、閉じ込められることはありません。

満たさない場合:キーボードでどうしても到達や操作ができないものがある、フォーカスが閉じ込められる、順序が分かりにくい、またはフォーカスが見えないため、WCAG 2.1.1、2.1.2、2.4.3、または2.4.7を満たしません。

ソースコードを見る