目標
在視覺元素與其背景之間提供足夠的對比,讓低視能玩家能夠辨識這些元素。概觀
大約有 29 億人有低視能。預設的 UI 常常在前景與背景之間缺乏足夠的對比,使低視能或色覺缺陷的玩家無法察覺與使用這些元素。因為對比不足而看不到小地圖、HUD 量表或瞄準準星,就等於失去遊戲本身。 對比度是比較前景元素與其背景的亮度。比例越高越容易看見,但有些認知障礙玩家會覺得極高對比的 UI 更難閱讀,因此目標是提供可設定的對比。範圍問題
下列項目相對於其背景是否清晰可見?- 功能表 UI 中的文字
- HUD 元素 (生命值、文字、小地圖)
- 關鍵遊戲元素 (在各種遊戲背景上的瞄準圖示)
對比的重要位置
文字
如需了解文字在遊戲中出現的位置,請參閱 XAG 101:文字顯示。下列所有項目都需要檢查對比:- 功能表 UI 文字
- 遊戲進行中的文字
- 派對聊天輸入、預留位置與訊息
- 字幕與隱藏式字幕
- 載入畫面提示
- 錯誤、快顯通知與通知文字
非文字視覺元素
- 方向性傷害指示器與瞄準準星
- HUD 元素 (生命值、小地圖、任務標記)
- 按鈕、滑桿及其他控制項
- 符號與字符
- 角色與平台外框
- 包含關鍵資訊的圖片
如何測量對比
使用:改善對比的一般方法
- 允許玩家在螢幕文字後方加上純色背景,並調整其不透明度。
- 為螢幕文字與 HUD 元素提供色彩選項。
- 支援高對比模式。
- 在文字與角色周圍加上框線 / 外框。
實作指南
最低對比度
何謂「大型」
請隨 DPI 增加而線性縮放。
其他規則
- **高對比模式。**提供淺色及/或深色高對比模式。啟用時,所有 UI 元素相對於背景的對比為 ≥ 7:1。高對比模式應該:
- 提高重要元素的可見度
- 增加不同重要元素之間的視覺區隔
- 增加重要與不重要元素之間的視覺區隔
- 非純色背景。以非純色背景中對比最低的部分來測量文字對比。
- **遵循系統設定。**若可用,請在啟動時讀取平台提供的對比設定,並據此調整遊戲 UI。
- **玩家設定的色彩。**玩家可以設定文字的前景色與背景色。
- **不要只依賴色彩。**當必須使用色彩傳達資訊時,請為關鍵遊戲元素提供玩家可選擇的色彩。
- **圖片不應包含文字。**標誌字除外,文字必須是獨立的 UI 元素,可設定樣式並可由螢幕助讀程式讀取。
- 標誌字沒有最低對比要求。
- 純裝飾性元素沒有對比要求。
- 非作用中元素的文字仍須符合 3:1 的最低要求 (例如鎖定的「僅限套組」重疊顯示、停用的選項)。
