> ## 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 元素擁有輸入焦點的視覺標記。任何互動式輸入 (例如「press A to select」) 都會套用到擁有焦點的元素。不明顯或間歇可見的焦點指示器,對低視能、有認知障礙、使用輔助技術及新接觸遊戲的玩家來說都是障礙。如果焦點移到隱藏或畫面外的元素,玩家可能會被阻擋而無法繼續。

## 範圍問題

* 使用什麼方法來表示焦點 (色彩、外框,或兩者兼具)?
* 對於低視能或色盲的玩家來說,該方法是否可見?
* 是否始終有指示顯示哪個控制項擁有焦點?
* 指示器在遊戲中的**所有** UI 背景 (色彩、影像、動畫) 上是否都可見?
* 您的遊戲是否包含覆蓋在其他 UI 上的對話方塊 (焦點指示器常在此處消失)?

## 實作指南

### 高度可見的焦點指示器

所有 UI 元素在取得焦點時,都應顯示高度可見的焦點指示器。技巧包括:

* 在取得焦點的元素周圍加上框線
* 在取得焦點時放大元素或加粗字型
* 在元素後方加上對比鮮明的區塊填色
* 結合多種技巧以提供備援

**範例:**

* *The Outer Worlds*:焦點指示器會為元素加上外框、加入對比鮮明的區塊填色,並變更字型粗細與色彩。
* *Fallout 76*:暫停選單以高對比的黃色背景醒目提示項目,並在左側加上一個小型動畫角色。

### 永遠可見,絕不在畫面外

* 視覺焦點指示器應永遠在畫面上可見。
* 焦點指示器不應在任何可取得焦點的元素上變得不可見。
* 焦點不應移到不可見或畫面外的元素。
* 當對話方塊出現時 (例如 Forza Horizon 4 的「Unsaved Changes」警告),焦點應移到對話方塊中第一個可互動的控制項,而且在對話方塊開啟期間,不應能將焦點移到對話方塊以外的任何項目。

## 對玩家的潛在影響

| 玩家 | 受影響 |
| :- | :-: |
| 無視力的玩家 | ✓ |
| 低視能的玩家 | ✓ |
| 有認知或學習障礙的玩家 | ✓ |
| 伸展範圍與力氣受限的玩家 | ✓ |
| 手部靈巧度受限的玩家 | ✓ |
| 使用義肢裝置的玩家 | ✓ |
| 休閒玩家、年幼玩家 | ✓ |

## 資源

* [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

- [PlayFab Party 版本資訊](/zh-TW/services/playfab/multiplayer/networking/release-notes.md)
- [XBOX Accessibility Guidelines (XAG)](/zh-TW/build/game-principles/accessibility/xbox-accessibility-guidelines.md)
- [XAG 113: UI focus handling](/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)
- [XAG 113：UI 焦点处理](/zh-CN/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)
- [XAG 113: UI 포커스 처리](/ko/build/game-principles/accessibility/xag-deep-dives/xag-113-ui-focus-handling.md)
