> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# XAG 113: UI フォーカス処理

> 非常に視認性の高いフォーカス インジケーターを常に表示し、消えたり画面外の要素に移動したりしないようにし、プレイヤーがどの UI 要素に入力フォーカスがあるか把握できるようにします。

## 目標

弱視のあるプレイヤーを含むすべてのプレイヤーが、ゲーム UI のどの要素にフォーカスがあるかを常に把握できるようにします。

## 概要

フォーカス インジケーターは、どの UI 要素が現在入力フォーカスを持っているかを示す視覚的なマーカーです。対話的入力 (「A を押して選択」など) は、フォーカスがある要素に適用されます。控えめ、または断続的にしか見えないフォーカス インジケーターは、弱視のプレイヤー、認知障害のあるプレイヤー、支援技術ユーザー、ゲーム初心者にとって障壁となります。フォーカスが隠れている要素や画面外の要素に移動すると、プレイヤーが先に進めなくなる可能性があります。

## スコーピング質問

* どの手法でフォーカスを示していますか (色、アウトライン、その両方)?
* その手法は弱視や色覚異常のプレイヤーに見えていますか?
* どのコントロールにフォーカスがあるかの表示は常にありますか?
* インジケーターはゲームの **すべての** UI 背景 (色、画像、アニメーション) 上で見えていますか?
* ゲームには他の UI にオーバーレイするダイアログ ボックスが含まれますか (フォーカス インジケーターが失われがちな一般的な場所)?

## 実装ガイドライン

### 非常に視認性の高いフォーカス インジケーター

すべての UI 要素は、フォーカスを受けたときに非常に視認性の高いフォーカス インジケーターを表示するべきです。手法には以下が含まれます。

* フォーカスされた要素の周囲の枠
* フォーカス時に要素サイズやフォント ウェイトを増加させる
* 要素の背後にコントラストのあるブロック塗りを追加する
* 冗長性のために複数の手法を組み合わせる

**例:**

* *The Outer Worlds* — フォーカス インジケーターが要素をアウトラインし、コントラストのあるブロック塗りを追加し、フォント ウェイトと色を変更します。
* *Fallout 76* — 一時停止メニューは、高コントラストの黄色い背景と、左側にある小さなアニメーション キャラクターで項目をハイライトします。

### 常に見えている、画面外にならない

* 視覚的なフォーカス インジケーターは常に画面上で見えているべきです。
* フォーカス インジケーターは、どのフォーカス可能な要素上でも見えなくならないようにします。
* フォーカスは非表示の要素や画面外の要素に移動しないようにします。
* ダイアログ ボックスが表示されるとき (例: Forza Horizon 4 の「未保存の変更」警告)、フォーカスはダイアログ内の最初の対話可能なコントロールに移動し、ダイアログが開いている間はダイアログ外の要素にフォーカスを移動できないようにする必要があります。

## プレイヤーへの潜在的な影響

| プレイヤー               | 影響あり |
| :------------------ | :--: |
| 視覚のないプレイヤー          |   ✓  |
| 弱視のプレイヤー            |   ✓  |
| 認知障害または学習障害のあるプレイヤー |   ✓  |
| リーチや筋力が限定的なプレイヤー    |   ✓  |
| 手指の器用さが限定的なプレイヤー    |   ✓  |
| 義肢装具を使うプレイヤー        |   ✓  |
| カジュアル プレイヤー、若いプレイヤー |   ✓  |

## リソース

* [Designing for Accessibility: Focus States — DockYard](https://dockyard.com/blog/2020/04/28/designing-for-accessibility-focus-states)
* [WCAG 2.2 SC 2.4.11: Focus Appearance (Minimum)](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum.html)


## Related topics

- [XBOX services ユーザー特権のクライアント側での使用](/ja-jp/services/xbox-services/fundamentals/identity/privileges/concepts/live-user-privileges-client.md)
- [XBOX Accessibility Guidelines (XAG)](/ja-jp/build/game-principles/accessibility/xbox-accessibility-guidelines.md)
- [PlayFab Party リリース ノート](/ja-jp/services/playfab/multiplayer/networking/release-notes.md)
- [XAG 112: UI ナビゲーション](/ja-jp/build/game-principles/accessibility/xag-deep-dives/xag-112-ui-navigation.md)
- [XAG 106: 画面ナレーション](/ja-jp/build/game-principles/accessibility/xag-deep-dives/xag-106-screen-narration.md)