解説書 達成基準 3.2.1:フォーカス時 (レベル A)

要約

目標

コンテンツをより予測可能な方法で操作できる。

何をすればよいか

項目にフォーカスが当たったときに、利用者のコンテキストを変更しない。

なぜそれが重要か

予測可能な動作をするコンテンツは、障害のある人にとって特に重要である。

意図

この達成基準の意図は、訪問者がドキュメント内をナビゲートする際に、機能が予測可能であることを保証することである。フォーカスを受け取ったときにイベントを起動することのできるすべてのコンポーネントは、コンテキストを変化させてはならない。コンポーネントがフォーカスを受け取ったときにコンテキストを変更する例には、次のものがあるが、これに限定されない:

• コンポーネントがフォーカスを受け取るときにフォームが自動的に送信される。
• コンポーネントがフォーカスを受け取るときに新しいウィンドウを開く。
• コンポーネントがフォーカスを受け取るときにフォーカスが別のコンポーネントに変更される。

フォーカスはキーボード操作 (例: コントロールにタブ移動する) 又はマウス操作 (例: テキストフィールドをクリックする) のいずれかを介してコントロールに移動させてもよい。スクリプトがこの動作を実装しない限り、コントロール上にマウスを移動しても、フォーカスは移動しない。ある種のコントロールにおいては、コントロールをクリックすることが、そのコントロールをアクティブにする効果も持つことがあり (例: ボタン)、その結果として、コンテキストの変化が始まるかもしれないことに注意されたい。

利点

• この達成基準は、コンテキストの変化が予期せず起こる可能性を少なくすることによって、視覚障害、認知能力の低下、及び運動障害のある利用者に役立つ。

事例

事例 1: ドロップダウンメニュー

ページ上にあるドロップダウンメニューによって、利用者はジャンプ先を選択できる。その人がキーボードを用いて選択肢に移動し、それを (スペースキー又は Enter キーで) 実行すると、新しいページにジャンプする。しかし、その人が選択肢に移動して、Esc 又は Tab キーを押してプルダウンメニューから抜け出た場合には、フォーカスはドロップダウンから移動するので、新しいページにジャンプしない。

失敗例: ヘルプのダイアログ

フィールドがフォーカスを受け取ると、そのフィールドを説明し、オプションを提供するヘルプのダイアログウィンドウが開く。キーボードの利用者がウェブページ内をタブで移動すると、利用者がそのフィールドをタブ移動で通過しようとするたびに毎回、そのダイアログが開いて、キーボードのフォーカスがコントロールから離れる。

テクニック

この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断するテクニック、又は複数のテクニックの組み合わせを表している。しかしながら、必ずしもこれらのテクニックを用いる必要はない。その他のテクニックについての詳細は、WCAG 達成基準のテクニックを理解するの「その他のテクニック」を参照のこと。