目标
让视觉元素与其背景之间保持足够的对比度,使低视力玩家能够识别这些元素。概述
全球约有 29 亿人 存在低视力。默认 UI 常常在前景与背景之间缺乏足够对比度,从而将低视力或色觉缺陷玩家排除在感知与使用之外。因对比度不足而看不见小地图、HUD 计量条或瞄准准星,就等于失去了对应的玩法。 对比度指前景元素与背景之间亮度的比值。比值越高越显眼——但部分认知障碍玩家会觉得对比度过高的 UI 更难阅读,因此目标是可配置的对比度。范围界定问题
以下内容是否清晰可辨于其背景?- 菜单 UI 中的文本
- HUD 元素(血量、文字、小地图)
- 关键玩法元素(在多变背景下的瞄准图标)
对比度重要的场景
文本
游戏中出现文本的场景请参见 XAG 101:文本显示。以下均需检查对比度:- 菜单 UI 文本
- 游戏进行中的文本
- 队伍聊天的输入框、占位文本与消息
- 字幕与隐藏字幕
- 加载画面提示
- 错误、Toast 与通知文本
非文本视觉元素
- 方向性受伤指示与瞄准准星
- HUD 元素(血量、小地图、任务标记)
- 按钮、滑块及其他控件
- 符号与字形
- 角色与平台的轮廓线
- 含关键信息的图像
如何测量对比度
可使用:- Accessibility Insights for Windows
- Colour Contrast Analyser (CCA)
- Color Oracle simulator
- Contrast-ratio calculator
提升对比度的通用方法
- 允许玩家在屏幕文本后添加纯色背景,并调节其不透明度。
- 为屏幕文本与 HUD 元素提供颜色选项。
- 支持高对比度模式。
- 为文本与角色添加边框 / 描边。
实施指南
最小对比度比值
什么算“大尺寸”
随 DPI 提升按线性比例放大。
其他规则
- 高对比度模式。 提供浅色和/或深色高对比度模式。启用后,所有 UI 元素与背景的对比度需 ≥ 7:1。高对比度模式应:
- 增强重要元素的可见性
- 加大不同重要元素之间的视觉区分
- 加大重要元素与非重要元素之间的视觉区分
- 非纯色背景。 在非纯色背景下,需按背景中对比度最低的位置测量文本对比度。
- 遵循系统设置。 在可行时,启动时读取平台提供的对比度设置,并据此调整游戏 UI。
- 由玩家配置的颜色。 前景与背景文字颜色可由玩家设定。
- 不要仅依赖颜色。 当必须使用颜色传达信息时,为关键游戏元素提供玩家可选的颜色。
- 图像中不应含有文字。 徽标除外——文字必须作为独立的 UI 元素,可被样式化并被屏幕阅读器读取。
- 徽标没有最小对比度要求。
- 纯装饰性元素没有对比度要求。
- 非激活状态的元素文本 仍需满足 3:1 的最小要求(例如“仅限捆绑购买”的覆盖层、禁用的选项)。
