Xbox アクセシビリティ ガイドライン 113: UI フォーカス処理
目標
この Xbox アクセシビリティ ガイドライン (XAG) の目標は、弱視のプレイヤーを含むプレイヤーが、ゲーム UI のどの要素にフォーカスが当てられているかを常に認識できるようにすることです。
概要
フォーカス インジケーターは、現在どの UI 要素に入力フォーカスがあるかをプレーヤーに示す視覚的なマーカーです。 その結果、インタラクティブな入力アクション (A を押して選択するなど) が実行されると、そのアクションは現在フォーカスがある要素に適用されます。 明確なフォーカス インジケーターは、弱視のプレイヤー、学習障碍のあるプレイヤー、支援技術を使用しているプレイヤー、ゲームに不慣れなプレイヤーなど、すべてのプレイヤーにとって重要です。 視覚的に識別しにくいフォーカス インジケーターは、多くのプレーヤーにとって問題となる可能性があります。 たとえば、テキストの背後にある非常に微妙な輝きを使用してフォーカスを示すゲームは、弱視のプレーヤー、認知障碍のあるプレーヤー、または画面から遠く離れた場所に座っているプレーヤーには認識されない場合があります。 これは、プレイヤーを容易に混乱させることになり、設定の構成やゲームの開始などの基本的なナビゲーション タスクの実行が困難になる可能性があります。
フォーカス インジケーターがビジュアル画面から [非表示] 要素に移動した場合、または単に表示されていない場合、プレイヤーが UI でアクセスしたい領域に移動できないようにブロックされることがあります。 フォーカス インジケーターの動きは常にクリアで目に見えるものでなければなりません。
範囲を絞るための質問
ゲームがどの UI 要素にフォーカスがあるかを視覚的に示す方法を考えてください。
フォーカス (色または輪郭) を示すためにどのような方法が使用されますか?
この方法は、弱視や色覚特性があるプレイヤーに見えますか?
どのコントロールにフォーカスがあるかを示すものは常に存在しますか?
この方法により、ゲーム内のすべての UI 背景 (色、画像、またはアニメーション) でプレーヤーに表示されますか?
ゲームには、別の UI (フォーカス インジケーターが失われる可能性のある領域) をオーバーレイするダイアログ ボックスが含まれていますか?
実装ガイドライン
すべての UI 要素は、フォーカスされたとき、非常に目立つフォーカス インジケーターを表示する必要があります。
- フォーカス インジケーターが目立つようにする方法は複数あります。 これには、要素の周囲の境界線の使用、フォーカスされたときの要素のサイズまたはフォントの太さの増加、または高い視認性を確保するための複数の方法の組み合わせが含まれます。
例 (展開可能)
The Outer Worlds では、フォーカス インジケーターが要素の輪郭を描き、UI の背景の残りの部分と対照的な異なる色のブロック塗りつぶしを導入し、フォントの太さと色を変更します。 これらの要素の組み合わせにより、現在どの要素にフォーカスがあるかがプレーヤーに明確になります。
Fallout 76 のポーズ メニューでは、ハイ コントラストの黄色の背景を持つ項目を強調表示してフォーカスを表示し、項目の左側にキャラクターを表示し、そのキャラクターには短いアニメーションが表示されます。
視覚的なフォーカス インジケーターは常に画面に表示されている必要があります。 フォーカス インジケーターは、フォーカス可能な要素上で非表示にならず、非表示または画面外の要素に移動することもできません。
例 (展開可能)
フォーカス インジケーターが画面外や非表示の要素に移動しないようにしてください。 たとえば、Forza Horizon 4 からのこの警告メッセージのように、ダイアログ ボックスが表示された場合、フォーカス インジケーターはダイアログ ボックスの最初の操作可能なコントロールに移動する必要があります。 ダイアログ ボックスが開いている間は、ダイアログ ボックス内の操作可能なコントロール以外にフォーカスを移動することはできません。 これにより、プレーヤーはフォーカス インジケーターが常にどこにあるかを認識できます。
プレイヤーへの影響の可能性
この XAG のガイドラインは、次のようなプレイヤーにとっての障壁を取り除く上で役立ちます。
Player | |
---|---|
視力のないプレイヤー | X |
弱視のゲーマー | X |
認知障穣または学習障穣のあるプレイヤー | X |
手を伸ばすことや筋力に制限があるプレイヤー | X |
手先の動きに制限があるプレイヤー | X |
補装具を使用しているプレイヤー | X |
その他: カジュアルなプレイヤー、若いプレイヤー | X |
リソースとツール
リソースの種類 | ソースへのリンク |
---|---|
記事 | アクセシビリティのための設計: フォーカス状態 - DockYard (外部) |
標準 | 成功基準の理解 2.4.11: フォーカスの外観 (最小) (外部) |