フォーカス時:
達成基準 3.2.1 を理解する
この達成基準の意図
この達成基準の意図は、訪問者がドキュメント内をナビゲートする際に、機能が予測可能であることを保証することである。フォーカスを受け取ったときにイベントを起動することのできるすべてのコンポーネントは、コンテキストを変化させてはならない。コンポーネントがフォーカスを受け取ったときにコンテキストを変更する例には、次のものがあるが、これに限定されない:
コンポーネントがフォーカスを受け取るときにフォームが自動的に送信される。
コンポーネントがフォーカスを受け取るときに新しいウィンドウを開く。
コンポーネントがフォーカスを受け取るときにフォーカスが別のコンポーネントに変更される。
フォーカスはキーボード操作 (例: コントロールにタブ移動する) 又はマウス操作 (例: テキストフィールドをクリックする) のいずれかを介してコントロールに移動させてもよい。スクリプトがこの動作を実装しない限り、コントロール上にマウスを移動しても、フォーカスは移動しない。順番にコンテキストの変更を開始することのある一部の種類のコントロールでは、コントロールをクリックするとそのコントロール (例: ボタン) もアクティブにする場合があることに注意されたい。
注記: ここでの "コンポーネント" が意味するものは "ユーザインタフェース 要素" や "ユーザインタフェース コンポーネント" と呼ばれる。
達成基準 3.2.1 の具体的なメリット:
この達成基準は、コンテキストの変化が予期せず起こる可能性を少なくすることによって、視覚障害、認知能力の低下、及び運動障害のある利用者に役立つ。
達成基準 3.2.1 の事例
事例 1: ドロップダウンメニュー
ページ上にあるドロップダウンメニューによって、利用者はジャンプ先を選択できる。その人がキーボードを用いて選択肢に移動し、それを (スペースキー又は Enter キーで) 実行すると、新しいページにジャンプする。しかし、その人が選択肢に移動して、Esc 又は Tab キーを押してプルダウンメニューから抜け出た場合には、フォーカスはドロップダウンから移動するので、新しいページにジャンプしない。
失敗例: ヘルプのダイアログ
フィールドがフォーカスを受け取ると、フィールドを説明し、オプションを提供するヘルプのダイアログウィンドウが開く。キーボードの利用者がウェブページの中をタブ移動すると、ダイアログが開いて、利用者がフィールドを過ぎてタブを移動しようとするたびにコントロールからキーボード フォーカスが離れる。
関連リソース
リソースは、情報提供のみを目的としており、推奨を意味するものではない。
(今のところ、文書化されていない)
達成基準 3.2.1 の達成方法及び失敗例 - フォーカス時
この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する達成方法、又は複数の達成方法の組み合わせを表している。しかしながら、必ずしもこれらの達成方法を用いる必要はない。その他の達成方法についての詳細は、WCAG 達成基準の達成方法を理解するの「その他の達成方法」を参照のこと。
十分な達成方法
注記: コンテンツの変化が常にコンテキストの変化であるとは限らない。コンテンツの変化がコンテキストの変化ではない場合、この達成基準は自動的に満たされていることになる。
3.2.1 でさらに対応が望まれる達成方法 (参考)
適合のために必須ではないが、コンテンツをよりアクセシブルにするために、次の追加の達成方法を検討することが望ましい。ただし、すべての状況において、すべての達成方法が使用可能、又は効果的であるとは限らない。
コンポーネントがフォーカスを受け取ったときに持続的な状態又は値の変更を発生させない、又はあらゆる変更をリセットするための代替手段を提供する (リンク追加予定)
達成基準 3.2.1 のよくある失敗例
以下に挙げるものは、WCAG ワーキンググループが達成基準 3.2.1 の失敗例とみなした、よくある間違いである。
重要な用語
- コンテキストの変化 (changes of context)
ウェブページのコンテンツにおける大きな変化で、利用者が気づかないと、ウェブページ全体を一度に見ることのできない利用者を混乱させる恐れのあるもの。
コンテキストの変化には次に挙げるものの変化が含まれる:
注記: コンテンツの変化が、必ずコンテキストの変化になるとはかぎらない。アウトラインの展開、動的なメニュー、又はタブの切替などのコンテンツの変化は、それが上記のいずれか (例: フォーカス) を変更しないかぎり、コンテキストを変化させるとは限らない。
事例: 新しいウィンドウを開くこと、フォーカスを異なるコンポーネントへ移動させること、新しいウェブページへ移動すること (新しいウェブページへ移動したかのように思わせてしまうことも含む)、又はウェブページの内容を大きく再配置することなどは、コンテキストの変化の事例である。