App Store Connect 帮助

支持 / App Store Connect / 管理 App 的辅助功能 / 不单靠颜色进行区分:评估标准

管理 App 的辅助功能

不单靠颜色进行区分:评估标准

iOS macOS Apple tvOS visionOS watchOS

描述

颜色可以帮助用户区分 App 中的不同选项状态或值,但不应成为唯一的区分依据。除了颜色,App 还应通过其他方式(例如文本标签或图标)来向色觉异常的用户传达信息。

目标

每个人,无论健全与否,都应该能够使用你的 App。请确保你的 App 对色觉异常人群足够友好。色觉异常十分常见,在某些地区影响高达 10% 的人口。

颜色对于快速传达信息非常有用,应保留 App 界面中的颜色设计,但请勿单靠颜色来传递信息。

后文将详细说明如何确定 App 是否符合不单靠颜色进行区分的标准。为确保残障用户也可以使用 App 的所有常用功能,请参照下方所列的评估标准,综合判断是否在 App Store 中将你的 App 标为支持不单靠颜色进行区分

从测试开始

一个便捷的检测方式是前往“辅助功能”的“显示”设置,打开“色彩滤镜”,并选择“灰度”滤镜类型。尽管此滤镜无法完全呈现色觉异常用户所看到的画面,但可以帮助你发现意外的 App 颜色使用问题。如果你无法在“灰度”滤镜下使用自己的 App,请重新考虑 App 的设计,避免仅依靠颜色区分用户界面元素。

理想情况下,App 的初始界面设计就应避免仅通过颜色来传达信息。如果 App 的初期设计考虑不周,也至少应提供相应的无障碍设置作为过渡,同时持续优化 App 界面,减少对颜色的依赖程度。

标为支持不单靠颜色进行区分

如果 App 的常用任务界面中,颜色不是传达信息的唯一方式,则可将其标为支持不单靠颜色进行区分。例如,游戏除了使用颜色,还使用符号来区分玩家队伍。如果你的 App 仅使用颜色作为区分依据(例如用颜色编码的图表),请为用户提供自定义设置或多种颜色主题,以便用户根据需求自行调整。

  • 某些元素、控件或内容经常仅靠颜色来区分或传达关键信息,应重点关注。例如,状态按钮或图标通常仅使用红色 🔴 和绿色 🟢 来表示离线或在线,以及传达消极或积极含义。红绿色觉异常者可能难以感知到这种视觉差异。

  • 请考虑在颜色的基础上,添加位置、顺序、形状、图像或其他设计上的变化作为视觉辅助。例如,使用红色加方形 🟥,绿色加圆形 🟢。无论色觉感知能力如何,所有视觉正常的用户都能辨别这种差异。

  • 建议提供多种配色方案,以便用户避免自己感知有碍的颜色。举例说明,如果你的 App 和游戏使用颜色来标识不同的团队或角色,不妨提供多种颜色选择。

  • 对于复杂的图表或数据可视化 App,建议图表颜色的排列顺序与图例标识的顺序保持一致。你也可以直接为图表中的每个元素提供图标或标签,以帮助传达数据信息。

    【注】这些辅助性的差异可减少认知负担,有助于各种能力水平的用户记住每种颜色的含义。

    配图为一绿一红两个圆形图标,二者除颜色外没有区别,色觉异常的用户可能无法区分。
    对于红绿色觉异常的用户,上方两个标识可能并无区别。
    配图为一绿一红两个图标,绿色的是圆形,且带有对勾符号,红色的是八边形,带有叉号。即使用户色觉有异,也可以通过形状来区分。
    上方两个标识除了颜色,还添加了符号进行区分。
  • 如果 App 的常用界面必须显示第三方或用户生成的内容,请参阅辅助功能标签概述中有关第三方内容的详细说明。

目前,若 App 的常用界面除了颜色还通过其他方式帮助用户区分内容,即可将其标为支持不单靠颜色进行区分,但你还可以进一步优化 App 的辅助功能。每次更新 App 时都可以重新评估 App 是否过度依赖颜色区分界面元素。不断设定优化目标,让发布的每个 App 版本都能带来更人性化的用户体验。

相关内容

《人机界面指南》>“视觉”部分>“不仅仅通过颜色传达信息”段落

观看视频:让你的 App 拥有视力辅助功能