Colors 我如何用颜色表示成功和失败?

Colors 我如何用颜色表示成功和失败?,colors,accessibility,Colors,Accessibility,我需要制作一个Java组件,当一个进程通过时,该组件将背景转换为某种颜色,当进程失败时,该组件将背景转换为另一种颜色 我的第一个想法是:绿色代表成功,红色代表失败 但后来我发现10%的男性无法区分这两种颜色。什么是更好的颜色组合 (对于挑剔的人:是的,我知道光靠颜色是不够的,文字、形状和噪音也可以使用。不过我想问一下颜色的适当使用。)也许是交通灯的视觉表现?在中性状态下,所有三种灯光都变灰,尽管颜色仍然可以辨别。在“绿色”状态下,绿色灯光更亮,背景和灯光之间的对比度增加。红灯状态也是如此 我必须

我需要制作一个Java组件,当一个进程通过时,该组件将背景转换为某种颜色,当进程失败时,该组件将背景转换为另一种颜色

我的第一个想法是:绿色代表成功,红色代表失败

但后来我发现10%的男性无法区分这两种颜色。什么是更好的颜色组合


(对于挑剔的人:是的,我知道光靠颜色是不够的,文字、形状和噪音也可以使用。不过我想问一下颜色的适当使用。)

也许是交通灯的视觉表现?在中性状态下,所有三种灯光都变灰,尽管颜色仍然可以辨别。在“绿色”状态下,绿色灯光更亮,背景和灯光之间的对比度增加。红灯状态也是如此

我必须承认这一点

  • 我不知道英国交通灯的红-琥珀-绿配置是否是一个世界性的标准,无法解释,以及
  • 灯光打开和关闭状态之间的对比度是否足以让视力受损的用户区分它们

  • 只是一个想法…

    使用颜色和符号。绿色加上“+”,红色加上“-”,这样看不见颜色的人就会明白了


    如果是网格线的背景色,要解决此问题,请添加一个名为“状态”的列,并使用图标+或-

    我想你自己已经回答了。除文本外,使用绿色/红色。大多数人会理解绿色/红色。如果你把它改成蓝色/黄色,90%看到绿色/红色的人会感到困惑。坚持传统,添加文字来帮助10%看不到绿色/红色的人。

    我认为最好的方法是使用颜色和图标/文字的混合

    例如,当我的表单出现错误时,我会执行以下操作:

    • 在表格顶部提供一个文本标题,说明“哎呀,你的提交有一些问题:没有填写姓氏,等等……”

    • 在每个错误字段上,我高亮显示粉红色框的背景并修改边框。它不仅改变了颜色,还将一个微妙但明显的焦点放在了误差场上

    • 最后,根据站点和空间大小,我会在该字段后面附加一个带有小消息的“警告”图标

    将这三个因素结合在一起,错误表很容易阅读,也很难忽略所有人的情况。

    红色+x=故障


    绿色+复选标记=成功

    我们通常是这样实施的:

    我们编写了两个常用函数,其中 我们将字符串格式化为{0}表示错误fmsg,绿色表示成功

    因此,不必为错误(红色)和成功(绿色)MSG使用两个不同的标签,您可以使用一个标签并在服务器端代码本身上控制MSG及其类型(成功和错误)


    但是,因为,色盲的ppl:使用图像X表示错误,使用上述相同的方法实现错误,甚至橙色表示错误,蓝色表示成功也是一个不错的选择。

    请记住,这些“明显”的颜色关联(绿色=好,红色=坏)是不正确的。因此,不要只依赖颜色是一个很好的主意。

    不要使用纯红色和绿色。在交通灯等安全装置上,红色实际上是红色和橙色的混合物。如果我没记错的话,绿色还夹杂着一点黄色


    除了颜色之外,最好使用第二种方法来表示成功/失败。这可以是文本、符号或引起注意的东西,如红色故障背景为交替颜色,闪烁而不是静止。例如,将红色与黄色交替

    老实说,形状/位置几乎总是比颜色更重要的解决方案。颜色有很多方面,比如人眼对蓝色不敏感,这意味着颜色有助于清晰度,你不必依赖它来确定颜色是否合适。

    作为一个红/绿色盲患者,我可以很容易地分辨出这两种“纯”颜色之间的区别。问题是红色看起来“褪色”——更多的是棕色和绿色/黄色融合在一起。在8%的色盲男性中,我相信很少有人完全无法区分纯红色和纯绿色。问题是,我穿的毛衣或秋叶的确切颜色可能很难理解。此外,我确实很难使用LED灯,尤其是交通灯;它们可能令人困惑,主要是因为我与相对亮度的关系比色调的关系更密切,一些信号的亮度变化很大。

    请注意,在某些文化中,十字和复选标记的含义可以颠倒。另外,添加表示成功的文本,失败应该表明失败的原因。来源:“红色、黄色和绿色代表身份的解释在全球范围内是一致的。这是由于联合国教科文组织《维也纳道路标志和信号公约》定义了世界范围内的交通灯公约(红色表示停车,绿色表示前进,黄色表示谨慎前进)“请注意色盲(为了简洁起见,我在这里使用一个通用术语)并不一定意味着“绿色和红色”无法区分。其他颜色组合可能会有问题,饱和良好的红色和绿色也能很好地工作。