Xbox 辅助功能指南 113: UI 焦点处理

目标

该《Xbox无障碍指南》(XAG) 的目标是确保玩家,包括低视力的玩家,始终知道游戏用户界面中的哪个元素是重点。

概述

焦点指示器是视觉标记,向玩家表明哪个 UI 元素目前拥有输入焦点。 因此,如果采取任何交互式输入动作 (比如按A键选择),该动作将应用于当前拥有焦点的元素。 明确的焦点指示对所有参与者都很重要,包括那些视力障碍人士、学习障碍人士,使用辅助技术人士,以及刚接触游戏人士。 对许多玩家来说,无法简单的从视觉上辨别焦点指示可能是个问题。 例如,通过使用文本后面非常微妙的光芒来指示焦点游戏,低视力的玩家、有认知障碍的玩家或坐在离屏幕很远的地方的玩家可能无法察觉到。 这很容易使玩家迷失方向,并使其难以执行基本的导航任务,如配置设置或启动游戏。

如果焦点指示器从视觉屏幕上移到 "隐藏" 的元素上,或其他情况下根本不可见,那么也会阻止玩家导航到其想在 UI 中访问的区域。 焦点指示器的移动应始终清晰可见。

范围问题

思考游戏哪个 UI 元素具有焦点在视觉上显示的方式。

  • 什么方法用于指示焦点 (颜色或轮廓)?

  • 此方法是否适用于视力低下或色盲用户?

  • 是否指示哪个控件始终存在焦点?

  • 此方法是否适用于游戏中所有 UI 背景 (颜色、图像或动画) 上的参与者?

  • 游戏是否包含覆盖另一 UI 的对话框 (焦点指示器可能丢失的区域)?

实施指南

  • 所有的 UI 元素在获得焦点时都应显示一个显而易见的焦点指示器。

    • 有多种方法可以确保焦点指示器的高度可见性。 这包括在元素周围使用边框,在获得焦点时增加元素的大小或字体粗细,或多种方法的组合,以确保高度可见性。
    示例(可展开)

    《天外世界》的屏幕截图,其中显示了“故事”、“普通”、“困难”和“超新星”的难度选择屏幕。“普通”具有焦点。

    在《天外世界》中,焦点指示器勾勒出元素的轮廓,引入不同颜色的块状填充,与 UI 的其他背景形成对比,并改变字体的粗细和颜色。 这些元素的组合确保了玩家清楚地知道哪个元素当前拥有焦点。

    Fallout 76 菜单的屏幕截图,当前焦点位于“挑战”上,其中突出显示了一个有形状的单词和 4 个持有 4 个物品的独特的武装辐射角色。

    Fallout 76 的暂停菜单通过在高对比度黄色背景上突出显示来表现重点,在物品左侧显示了角色,该角色还带有简短的动画。

  • 视觉焦点指示器应始终在屏幕上可见。 焦点指示器不应在任何可聚焦的元素上变得不可见,也不应移动到不可见或屏幕外的元素上。

    示例(可展开)

    《地平线 4》的屏幕截图,其中显示了一条标题为“未保存的更改”的警告消息。突出显示了“保存并继续”菜单项。

    焦点指示器不应移到屏幕外或不可见的元素上。 例如,当对话框出现时,就像《地平线4》中的警告信息一样,焦点指示器应移动到对话框中第一个可交互的控件上。 当对话框打开时,不应有将焦点移到对话框中可交互的控件以外的其他东西上的可能。 这有助于确保玩家在任何时候都能知道焦点指示器的位置。

潜在的玩家影响

此 XAG 中的指南有助于为以下玩家减少障碍。

玩家
盲人玩家 X
弱视玩家 X
有认知或学习障碍的玩家 X
活动范围和力量有限的玩家 X
手部灵巧度有限的玩家 X
装有假肢装置的玩家 X
其他:休闲玩家、年轻玩家 X

资源和工具

资源类型 链接到源
文章 辅助功能设计: 焦点状态 - DockYard (外部)
标准 了解成功条件 2.4.11:焦点外观(最小值)(外部)