目標
本 Xbox 無障礙指引(XAG)的目標是確保所有玩家,包括視力較差的玩家,都能優化文字可讀性。 這可以透過以最小預設大小與間距顯示文字,並提供可調整的樣式與顏色選項來達成。
概觀
全球約有29億人擁有某種程度的低視力。 低 視力 一詞可指廣泛的視覺障礙,包括內容模糊(即使戴眼鏡或隱形眼鏡)或使視線變暗、混濁或不完整的情況。
還有一些情境會讓文字難以閱讀,例如在遠方螢幕上遊玩或在小型手機螢幕上遊玩。 有時候,當玩家處於電視音量應該被靜音的情況,或相反地,當環境非常嘈雜時,他們會依賴螢幕文字來獲取聽不到的資訊。
如果玩家無法閱讀選單文字,甚至還沒進入遊戲體驗就可能被排除在外。
遊戲中的關鍵資訊也可以透過文字方式表達,當無法取得時,會阻礙玩家充分體驗遊戲。 這可能包括透過文字表達的非玩家溝通、抬頭顯示器(HUD)元素、螢幕上的目標或指示,以及透過文字聊天與其他玩家的溝通。
範圍界定問題
你的遊戲裡會閱讀文字是必須的嗎?
你遊戲裡可導航的選單是文字式的嗎?
遊戲過程中螢幕上會顯示文字嗎?
在 HUD 裡?
螢幕上寫著目標或指示?
有沒有以文字為基礎的路標、標記或其他提示?
非玩家角色的書面溝通?
你的遊戲有提供玩家彼此溝通的選項嗎?
用簡訊聊天?
聊天輪?
有沒有像語音轉文字和文字轉語音這類替代溝通方式?
背景與基礎資訊
什麼是文字顯示?
文字顯示由多個方面組成,包括:
尺寸: 播放器能調整文字大小多大或多小?
臉部: 玩家可以讓文字加粗、斜體或淺色嗎?
重量: 玩家可以增加文字厚度嗎?
風格: 玩家可以選擇不同的字型嗎?
間距: 玩家可以調整字母和單字之間的間距嗎?
對齊: 玩家可以調整文字的水平對齊嗎?
案例: 玩家可以選擇想要呈現句子的情形嗎?
顏色: 文字的顏色在背景上是否可見? 欲了解更多資訊,請參閱 XAG 102:對比度,了解無障礙文字色彩的詳細資訊。
備註
確保文字能讓更多玩家無障礙的最佳方式,是讓玩家有選擇性地設定介面,以最符合他們的需求。
文字大小測量
準確測量字型大小對於評估你的作品是否符合 XAG 的最小字型大小指引至關重要。 測量字型大小的一種方法是使用 Microsoft Paint 並配合以下指示:
- 在你想測量的遊戲中擷取文字的影像。
- 啟動 Paint 應用程式並匯入你的截圖。
- 在截圖中找出包含最低下降部分和最高上升部分的單字或句子。
- Ascender: 某些小寫字母(如「h」和「b」)上向上的垂直莖,延伸至x高度之上。
- 下降者: 某些小寫字母(如「g」和「y」)中,延伸或下降於基準線以下的部分。
- 基線: 基線是一行文字所依賴的假想線。
- 先選擇一個起點,然後使用選擇工具,瀏覽整個單字/句子,找出該文本中最高的點。 用這些較高的點數來代表你最高的上升變數。 以下文本將進一步說明此點。
請注意文字邊緣任何顏色與主要文字顏色不同的像素。 這種情況通常發生在文字有彩色輪廓時。 在前一張圖片中,文字是白色,背景是灰色。 然而,文字周圍有黑色輪廓,導致圍繞文字的像素,包括靠近上升點最高點和下降點最低點的像素,呈現灰色。
在決定哪些像素應該包含在高度測量中時,可以適用以下規則:
如果該像素與背景色的對比度高於2:1,則可納入升降器測量。
如果該像素的對比度低於 2:1,則不應將其納入上升或下降區域。
- 接著,使用選擇工具,從最高上升點畫出一個方框到最低下降點。
像素比率會顯示在左下角。 像素高度(或 66 x 30px(第二個數字為像素高度))被視為文字大小。 以下範例圖片中,30px 是字型大小。
在重要領域中,無障礙文字顯示是關鍵的要素。
選單畫面文字:
範例(可展開)
文字顯示應在所有選單畫面和使用者介面元素中都能存取。 這包括所有標籤、子標籤、描述文字或互動提示。
在 Grounded 中,選單畫面上的文字是可存取的,因為它符合對比度和最小預設字體大小。
遊戲環境中的文字:
範例(可展開)
遊戲體驗中出現的文字也應該預設為可檢視或可設定。 這可能包括 HUD 計量表、指示提示或物品欄導航鍵等元素。
在《Fenyx Immortals Rising》中,遊戲環境中的文字會包含黑色輪廓,以提升可見度,無論文字背後元素的顏色如何。
聊天視窗中的文字(輸入欄位文字、佔位文字):
範例(可展開)
能夠讀取「在此輸入您的訊息」字串,會提醒玩家他們有機會與其他玩家交流,以及應該在哪裡進行交流。 在訊息輸入後,可存取文字讓玩家能在按下發送鍵前重讀訊息內容。 這些情境下的文字也應該是可存取的。
在《戰爭機器5》中,玩家可以使用派對聊天框與大廳內的其他人發送訊息。
聊天視窗中的文字(已發送與接收訊息):
範例(可展開)
聊天框和視窗也很重要。 如果玩家無法閱讀隊伍聊天中其他人的對話,他們可能會被排除在關鍵遊戲體驗之外。
在《Halo Wars 2》中,玩家可以啟用語音轉文字(STT),讓任何語音對話如先前所示,在STT顯示區被轉錄成文字。
聊天—聊天滾輪文本:
範例(可展開)
聊天輪盤,也稱為 通訊輪盤,是遊戲中重要的溝通介面工具。 對某些人來說,透過聊天輪盤選擇簡訊比直接打字簡訊更容易。 如果玩家無法閱讀聊天輪盤中的文字,他們可能無法與他人溝通。
在《盜賊之海》中,玩家可以使用聊天輪盤與其他人溝通。
字幕與說明文字:
範例(可展開)
如果字幕和說明文字的顯示無法被玩家閱讀,遊戲故事線的關鍵部分或目標相關資訊可能會被遺漏。
在《戰爭機器5》中,玩家可以啟用字幕,以顯示角色對話的朗讀。 這些文字也應該是可存取的,以確保玩家能閱讀。
錯誤訊息、吐司及其他通知中的文字:
範例(可展開)
任何可調整的文字設定,例如大小、粗細和對比度,都應該適用於所有重要文字——這包括在顯示錯誤訊息等關鍵資訊時,額外覆蓋使用者介面的視窗。
在 Grounded 中,螢幕上會顯示錯誤對話框。 錯誤訊息及其他彈出通知中的文字應該可存取,確保玩家能閱讀。
載入畫面上的文字提供有價值的資訊:
範例(可展開)
載入畫面常常提供對玩家有價值的資訊——例如遊戲「技巧」或其他遊戲模式的資訊。 雖然確保這些文字易於理解可以被視為「進階最佳實踐」,但思考遊戲的各個層面仍然很重要。
在《Minecraft Dungeons》中,載入畫面會顯示玩家要前往的地圖區域。
實作指引
文字大小
以下像素測量是基於體高,即下降空間、x高度空間與上升空間像素數的總和。
範例(可展開)
備註
以下大小代表遊戲啟動時文字的最小預設大小。 開發者被鼓勵考慮個別玩家的情境,例如沙發到電視的典型距離,並提供玩家選擇依自身意願調整畫面大小的選項。 以下章節包含更多關於文字縮放指引的資訊。
主機: 字型大小應等於或大於:
26 像素,1080p
4K 下 52 像素
PC/VR: 字型大小應等於或大於:
18 像素,1080p
在4K解析度下為36像素
Mobile/Xbox 遊戲串流:**
18 像素,100 DPI
36 像素,200 DPI
72 像素,400 DPI
當DPI增加時,比例線性地縮放
**由於行動裝置的 DPI 遠高於大多數電視或 PC 顯示器,相近大小的文字需要更多像素。 作為參考,5.5吋螢幕搭配1080p解析度大約是400 DPI。
備註
平台提供的螢幕放大工具並不是文字過小的適當解決方案。
圖示與字形大小
圖示與字形內的文字也應符合先前為主機/PC/VR或行動裝置/Xbox遊戲串流體驗所定義的最小預設文字大小。
範例(可展開)
圖示/字形也應該隨著文字縮放到最低預設大小的 200% 左右。
備註
為了確保字形和圖示能放入文字容器,你可能需要增加圍繞字形和圖示的文字大小。
範例(可展開)
文字縮放
玩家應該能將文字調整至最小字型大小的200%(如前所述),且不會失去內容、功能或意義。 舉例來說,1080p 的主機文字應該能從 26 px 縮放到 1080p 的 52 px。
大型標題文字在縮放時仍應與正文視覺區分。
超出可見螢幕範圍的文字應該有可閱讀的方法(滾動文字、文字彈出視窗或適當的縮寫)。
當文字縮放時,玩家不必同時橫向和縱向捲動來閱讀單一介面內的文字。 (往一個方向滑動是可以的。)
可以允許文字縮小至低於先前的預設最小值,由使用者自行決定,這是可以接受的。
字型樣式
至少包含一種無襯線字體選項。
範例(可展開)
若使用風格字型(例如血滴字體),則提供非風格化字型選項。
確保所有字型都包含所有支援語言的完整字元集。
文字間距
字母、單字或段落行間距越大,可以增加文字的清晰度,因為讀者更容易辨識字詞間的分隔。 可調整的間距也能協助使用文字縮放或較大字體大小的玩家。
- 對於超過兩行的文字區塊,在設定為標準字體大小時,請使用以下格式。
玩家應該可以選擇自訂行寬、行距、段落間距、字母間距或單字間距。
如果玩家沒有提供這些可配置選項,建議的最低指引如下。
線寬: 線寬不應超過 80 個字元或字形(中文/日文/韓文則為 40 個)——否則玩家可以調整文字以符合此要求。 當文字尺寸調整到 100%,且字元數不包含空格時,應進行測量。
行距: 段落間行距(行距)應至少保持一個半空格(1.5),玩家可調整文字以符合此要求。
行間距是從第一行文字的上緣到第二行文字的上緣來測量的。
段落間距: 段落間距至少是行間距的兩倍,玩家也可以調整文字以符合此要求。
字母間距: 字母間距至少是字體大小的0.12倍。
Word 間距:字間距至少是字型大小的0.16倍。
範例(可展開)
PuzzleBlaster 的擷取圖有視覺指示器,定義行距、行寬和段落間距的測量位置。
文本大小寫與對齊
大小寫: 提供以正確的句子大小寫顯示文字的功能,而非全大寫或全小寫(視使用情況而定)。
備註
此要求指的是文字行數。 一字或兩字標籤則不受此指引限制。
對齊: 文字會根據玩家語言偏好左對齊或右對齊(而非置中或完全對齊),玩家也可以調整文字來符合這些指導方針。
潛在球員影響
本 XAG 的指引能幫助降低以下玩家的障礙。
| 播放器 | 受影響 |
|---|---|
| 低視力球員 | X |
| 幾乎沒有色彩感知的球員 | X |
| 無聽力的球員 | X |
| 聽力有限的球員 | X |
| 有認知或學習障礙的球員 | X |
| 其他:在小螢幕上閱讀文字、遠離螢幕、使用有眩光的螢幕,或使用低對比度顯示器的玩家 | X |
資源與工具
| 資源類型 | 來源連結 |
|---|---|
| 文章 | Clear Text(外部) |
| 文章 | 區分這個和那個(外部) |
| 文章 | 允許調整字型大小(外部) |
| 文章 | 提供文字顏色選擇,至少對比度為低/高(外部) |
| 文章 | 使用簡單的清晰文字格式(外部) |
| Microsoft 遊戲開發套件 API | XGameStreamingGetStreamPhysicalDimensions(此連結需使用由Xbox計畫保密協議所提供的登入憑證。) |