Skip to main content

目標

在視覺元素與其背景之間提供足夠的對比,讓低視能玩家能夠辨識這些元素。

概觀

大約有 29 億人有低視能。預設的 UI 常常在前景與背景之間缺乏足夠的對比,使低視能或色覺缺陷的玩家無法察覺與使用這些元素。因為對比不足而看不到小地圖、HUD 量表或瞄準準星,就等於失去遊戲本身。 對比度是比較前景元素與其背景的亮度。比例越高越容易看見,但有些認知障礙玩家會覺得極高對比的 UI 更難閱讀,因此目標是提供可設定的對比。

範圍問題

下列項目相對於其背景是否清晰可見?
  • 功能表 UI 中的文字
  • HUD 元素 (生命值、文字、小地圖)
  • 關鍵遊戲元素 (在各種遊戲背景上的瞄準圖示)

對比的重要位置

文字

如需了解文字在遊戲中出現的位置,請參閱 XAG 101:文字顯示。下列所有項目都需要檢查對比:
  • 功能表 UI 文字
  • 遊戲進行中的文字
  • 派對聊天輸入、預留位置與訊息
  • 字幕與隱藏式字幕
  • 載入畫面提示
  • 錯誤、快顯通知與通知文字

非文字視覺元素

  • 方向性傷害指示器與瞄準準星
  • HUD 元素 (生命值、小地圖、任務標記)
  • 按鈕、滑桿及其他控制項
  • 符號與字符
  • 角色與平台外框
  • 包含關鍵資訊的圖片
紅色與綠色搭配使用時,常會讓具有常見色盲的玩家無法辨識。請同時搭配形狀 / 文字與色彩,請參閱 XAG 103。

如何測量對比

使用:

改善對比的一般方法

  • 允許玩家在螢幕文字後方加上純色背景,並調整其不透明度。
  • 為螢幕文字與 HUD 元素提供色彩選項。
  • 支援高對比模式。
  • 在文字與角色周圍加上框線 / 外框。

實作指南

最低對比度

何謂「大型」

請隨 DPI 增加而線性縮放。

其他規則

  • **高對比模式。**提供淺色及/或深色高對比模式。啟用時,所有 UI 元素相對於背景的對比為 ≥ 7:1。高對比模式應該:
    • 提高重要元素的可見度
    • 增加不同重要元素之間的視覺區隔
    • 增加重要與不重要元素之間的視覺區隔
  • 非純色背景。以非純色背景中對比最低的部分來測量文字對比。
  • **遵循系統設定。**若可用,請在啟動時讀取平台提供的對比設定,並據此調整遊戲 UI。
  • **玩家設定的色彩。**玩家可以設定文字的前景色與背景色。
  • **不要只依賴色彩。**當必須使用色彩傳達資訊時,請為關鍵遊戲元素提供玩家可選擇的色彩。
  • **圖片不應包含文字。**標誌字除外,文字必須是獨立的 UI 元素,可設定樣式並可由螢幕助讀程式讀取。
  • 標誌字沒有最低對比要求。
  • 純裝飾性元素沒有對比要求。
  • 非作用中元素的文字仍須符合 3:1 的最低要求 (例如鎖定的「僅限套組」重疊顯示、停用的選項)。

對玩家的潛在影響

資源

Last modified on October 6, 2026