您当前的位置:首页 >> 工业物联
工业物联

色彩无障碍指南:如何让色盲用户给与色彩信息

发布时间:2025-09-26

青绿色的当今。

1)紫青绿色青绿色过强

2)紫青绿色青绿色过强

3)深蓝青绿色青绿色过强

2. 红绿强迫症

红绿强迫症只有两种粉紫青绿色的尖头形巨噬细胞,第三种一般来时说的巨噬细胞完正因如此不足之处. 所以,红强迫症完正因如此很无可所列征到紫青绿色,绿强迫症完正因如此很无可所列征到紫青绿色,蓝强迫症完正因如此很无可所列征到深蓝青绿色。

同时丧失了紫青绿色和紫青绿色所列征力的人穷困在暗紫青绿色的当今,所以深蓝青绿色和红青绿色就会比较突出。

约1/2的三青绿色强迫症看到的当今与红绿强迫症看到的很相似,但是三青绿色强迫症诗意所列征力不受白光冲击很小,在较佳的白光下,他们对诗意的所列征力就越来越好,反之久越来越引人注目。总的来时说, 红绿强迫症在判别诗意总质比三青绿色强迫症越来越较易些。

为了让大家越来越完整的了解多种不同强迫症眼当中的当今,这里想到一些展现:

1)紫青绿色强迫症

2)紫青绿色强迫症

3)深蓝青绿色强迫症

3. 正因如此强迫症

正因如此强迫症完正因如此未任何一种粉紫青绿色巨噬细胞,他们眼当中当今是完正因如此的粉红青绿色,就像是黑白电视机那样.但是我们在想到电子产品人行天桥时,必需不就会考虑这一类这群人,因为正因如此强迫症发生的期望值显然是太较低了,33000人当中仅有1人,他们的穷困因此有很多阻碍,在但会的白光状况下,也必需头上深青绿色墨镜。

02 WCAG 2.1最新是什么?1. 什么是WCAG

WAI制定了几项W3C同意,包含:

Web细节可访询问期间适度最新(Web Content Accessibility Guidelines), 即 WCAG(2.1)艺术创作方法专门设计功用最新(Authoring Tool Accessibility Guidelines), 即ATAG(2.0)零售商端代理专门设计功用最新(User Agent Accessibility Guidelines),即UAAG(2.0)可访询问期间的充沛的网络操作系统(the Accessible Rich Internet Applications suite of web standards),即WAI-ARIA

WCAG有三种标准普尔: A、AA和AAA,国际标准从较低到很较低:

A是高于层次的效益:这是所有的网上、软件包和数本字细节都应该想到到的,可以被认为是及格线。AA:回报20/40(上会被份文件为约80岁老年人的类似听力)听力丧失的零售商端的完整度引人注意适度巨大损失,也是大多数网上可以给与的国际标准,电脑系统端和手机端的专门设计新技术都可以运行较佳。AAA:回报听力巨大损失为20/80(上会用到专门设计新技术来访询问期间他们的细节, 专门设计新技术上会不具备完整度增强, 以及内置很较低阈值控制能力)或以上的较低听力零售商端的完整度引人注意适度巨大损失,这个层次是人行天桥的钻石高级别,几乎一切都必须大幅提高人行天桥,包含一些很比很小的每一集。2. WCAG新游戏

WCAG2.1详细资料最新完整版可查询:

越来越快参看WCAG国际标准: ?currentsidebar=%23col_overview#use-of-color

WCAG关于粉紫青绿色的承诺描绘:

03 诗意人行天桥的八个切实1. 完整度大幅提高AA标准普尔

WCAG当中将大写可分一般大写和大大写。

大大写是这样判别的:“小于等同18点常规质或者小于等同14点的细质,如果是当中日韩的句法,就要计量并成同等微小”,除却大大写之外的就是一般注释字。

AA标准普尔对于一般注释字来时说,注释字和时代背景的粉紫青绿色完整度不少于4.5:1的完整度;对于大大写和(如操作系统、所列格等等)缓冲器的承诺就没那么恰当,只要粉紫青绿色对比不高于3:1方可。

如果带有注释的手柄也有彩青绿色边框,因为边框未透过专门设计资讯,所以对边框未完整度承诺,只要该注释字相一致AA标准普尔方可。

2. 绝不只依赖粉紫青绿色来区别于多种不同意思

粉紫青绿色在特定的语境当中,就会被赋予相同的意思,如常见的紫青绿色代所列提醒,紫青绿色代所列被录取通过的意思等等,而患有诗意缺陷、听力衰退的老龄化社就会阶层、还有用到单青绿色电子书(如kindle纸墨水)的人都就就会因此遗漏了粉紫青绿色所传达出的极为再加要资讯。

同时在用粉紫青绿色所列达某种资讯时,为了维护所有的零售商端都能给与到资讯,必需替换并成另一种视觉效果范例,上面给大家简而言之时说明:

1)注释字

注释字是最较易让强迫症零售商端了解到粉紫青绿色意思的元素,也是我们首先就会受限于的。

一个类似简而言之是所列单本队列上的出错长时间, 紫青绿色上会用想到所列示注释本队列当中的出错, 但是标红无可于惹来强迫症零售商端的警惕,因为从他们的视角看, 紫青绿色的大写在一群黑青绿色的大写当中笨拙很暗, 不就会辨认出来。因此,你必需一个额外的提示,例如注释或操作系统,来指示出错长时间。

2)操作系统

操作系统是用到阈值很很较低的缓冲器, 一些通用操作系统的意思甚至不必需Tooltip来解释,零售商端就能恰巧识别系统, 比如分设、提醒、出乎意料等等操作系统,举个简而言之:许多B端操作系统就会通过多种不同的文法粉紫青绿色,告知零售商端某个工序的长时间,但是对于强迫症零售商端来时说,识别系统粉紫青绿色相异的长时间比如说是一件很艰无可的不想,但是如果替换并成操作系统专门设计资讯,一切就笨拙较易多了!

3)光照对比

这一点往往被大家比如时说.如果两种粉紫青绿色的蓝青绿色多种不同,但是仅有强烈的光照对比,那么在这里, 光照对比也算是另一种视觉效果专门设计范例,只要这两种粉紫青绿色的对比不高于3:1(AA)。

只有一种就就会一般来时说, 就是零售商端必需准确地识别系统一种特定的粉紫青绿色,这个时候完整度就不就会算在内。

4)符号

举个简而言之,加注紫青绿色的注释字ID是必填项,出于人行天桥的必需,我们可以在紫青绿色ID上打一个则有,这样即使警惕足足粉紫青绿色不同,看到则有也就会想到此项必填。

但是!大多数就就会下,则有的外观上极小(座落右边上角),不较易被大屏幕电子书追踪,为了强化这样的就就会,结构所设计可以增大则有的外观上,以及为则有替换并成注释(Tooltip), 这个注释是由开发者完并成的, 不借助大屏幕电子书是很无可捉到这个资讯。

5)数本字

这是一个丙烯比如说,三个共价键被标示了三种粉紫青绿色(化学教师就会教我们标记共价键序列号的规律,不过就举例这是教师在给一群初学者的课件吧),那么教师提询问“红青绿色的共价键和紫青绿色的共价键当中间用的是什么共价键”,强迫症许多学生可能就没适时判别粉紫青绿色所相异的共价键了,但是如果标示序列号,这样提询问:“1号共价键和2号共价键当中间用的是什么共价键?”,到底所有的许多学生就一目了然了?

6)二维图

下降用到粉紫青绿色的比例,上升二维图外观设计,这样推拿零售商端必须花费越来越少的胳膊在判别粉紫青绿色上。

7)纹饰

在显示二维图或者图所列时,可以透过一些纹饰外零售商端填满,强迫症虽然对粉紫青绿色不引人注意,但是对于纹饰却比较较易查觉不同点。

这里录用几个透过大量纹饰外观设计的网上:Http://pattern.monster

交互式地图(付费用到):

Figma纹饰填满的软件:Hero Pattern for Image

3. 图所列当中要警惕的点

以折线图简而言之:

避开用到比如说,以求在二维图正上方注释,因为推拿在距离拉远的时候,就越来越无可去识别系统并且相异名本字避开用到细线条,同意混搭多种不同的方格/色带,方格的每条不同化关共价键数据点可以用到多种不同的几何二维图标记,越来越之后于识别系统

再继续以堆叠条形图为例:

用到一般来时说很较低的粉紫青绿色,避开用到一般来时说较低且相异的颜强迫症人尽管不就会识别系统有些粉紫青绿色,但他们对光照和纹饰比较引人注意,设法用多种不同的纹饰代替粉紫青绿色在多种不同的纹饰彼此间,创造光照对比

再继续举个都柏林地铁图和上海地铁图的简而言之:

4. 紫青绿色大写还是黑青绿色大写

WCAG的国际标准被不少人入京为人行天桥法则,但是有些就就会下,未必适用范围。举个简而言之:你觉得黑青绿色大写和紫青绿色大写在浅蓝青绿色的时代背景上,哪一种看紧紧越来越完整?

确信有不少人觉得紫青绿色大写看紧紧越来越舒服,越来越完整,但是WCAG的粉紫青绿色国际标准却告诉我们,黑青绿色大幅提高了AAA的高级别,而紫青绿色却连AA高级别都未大幅提高:

无疑是我们,在很早之前,就有结构服装设计举动导致庆幸,并想到了零售商端中组部。

Ericka Seastrand 曾在2019年想到过一项零售商端中组部,中组部具质来时说是20名强迫症零售商端,检验就就会是: 黑青绿色还是紫青绿色的大写在该时代背景下越来越突出? 仍要的调查结果: 61%的零售商端认为紫青绿色大写越来越完整。

这些零售商端也时说明了具质的原因:

所以谨记:尽信书,则不如无书。WCAG的国际标准所列,但是具质运用当中,不对以零售商端的感不受到为参看,质疑精神是很可贵的!

5. 手柄二三事

1)紫青绿色手柄

有些人认为不就会够用到紫青绿色的手柄,因为紫青绿色给人以不可视的暗示,但是毕竟并未领悟不可视长时间的其本质. 视觉效果深才是帮助零售商端判断手柄长时间的核心.活动长时间是通过粉紫青绿色完整度而不是蓝青绿色传达的。

但会长时间的手柄的注释字与时代背景对比紧紧,看似越来越近似于和占总正导地位,而不可视长时间缺乏完整度,注释字看紧紧在越来越远的大多。不过紫青绿色手柄经常被用于二级手柄,正手柄都是必需用到彩青绿色。

比方时说地,手柄的各种交互长时间,只要完整度有不同适度,必须传达视觉效果深变化,就是相一致人行天桥的国际标准的,以Ant Design简而言之:

2)让你的正手柄最醒目

在大多数就就会下,结构服装设计们都是通过赋予正手柄粉紫青绿色,吸引零售商端警惕,但是在强迫症零售商端眼当中,正手柄的粉紫青绿色不同不就会被追踪,甚至在有些强迫症眼当中很无可辨认粉紫青绿色:

为了上升正手柄和次手柄的对比, 这个时候我们可以设法:

上升正手柄外观上的微小把正手柄和次手柄放于多种不同的后方描边、操作系统、本字再加不同化6. 诗意混搭黑榜

当你在为你的电子产品或者品牌选项诗意时,一定要避开上面的诗意混搭:

7. 超再加定向注释字

网页当中超再加定向注释很常见,比如腾讯百科,如果只是用粉紫青绿色不同点超再加定向,对于有些强迫症不就会警惕到这是一个超再加定向,他必需将图标滑不切实际,发现变为一只手,才能明白。

所以对于超再加定向注释,替换并成下划线是一个最好的方式:

8. 解决强迫症借钱衣裳论题

曾有听过一个强迫症讲述自己借钱衣裳的论题, 他带到商场,看到一件衣裳,但是不确定这个衣裳是什么粉紫青绿色,可是衣裳上的ID也未写粉紫青绿色,所以他只好硬着头皮去询问商店里其他的人,承不受着一些庆幸和怀疑的目白光,如果这件衣裳有完整的粉紫青绿色ID的话,就能轻松解决这个就就会了。这一点对于购物网上来时说,尤其极为再加要。

04 如何制作公司强迫症友好的PPT1. PPT本身警惕

1. 避开注释和具质来时说被时代背景遮挡的就就会。 例如,注释/具质来时说和时代背景彼此间的亮度和一般来时说应该有充足的完整度。避开混搭亮度相同但蓝青绿色多种不同的粉紫青绿色。例如,紫青绿色时代背景上的紫青绿色本空格对强迫症来时说是不可念书的。在深青绿色时代背景上用到蓝白青绿色的注释/具质来时说,反之亦然。

2. 注释和具质来时说前提细或大,强迫症人不就会区别于细线和小符号的粉紫青绿色, 对于彩青绿色注释,一定要用到细质大写。

3. 小心用到紫青绿色和紫青绿色,对于视觉效果但会的人来时说,稀紫青绿色是蓝白青绿色生动的粉紫青绿色。但对于强迫症来时说,它就像深蓝青绿色或深紫青绿色一样昏暗。相当多是对于红强迫症来时说,深紫青绿色看紧紧几乎是黑青绿色的。因此,避开在黑青绿色时代背景上用到紫青绿色本空格,包含黑板。但是有一些紫青绿色对强迫症来时说是俱全的, 比如:

避开用到稀紫青绿色,用到偏蓝一点的紫青绿色。

4. 在深深蓝青绿色时代背景上很无可看清:深紫青绿色、蓝白青绿色的紫紫青绿色、细线条。

5. 在一堆黑青绿色大写当中,不就会看到深紫青绿色突显的大写。

6. 以求下降粉紫青绿色的比例,可以用到多种不同的外形和少量较易识别系统的粉紫青绿色的混搭。

7. 保持粉紫青绿色蓝青绿色的对比的同时,也可以替换并成亮度的对比。

8. 用到种类少且较易识别系统的大写。

2. 讲坛要警惕

以求绝不用到粉紫青绿色的名本字交流资讯. 在演讲时,去常指ppt上的某个东西时,绝不时说“那个紫青绿色的巨噬细胞”,设法描绘除了粉紫青绿色资讯之外的,比如“那个紫青绿色的长方形的座落PPT右边上角的巨噬细胞”。

3. 电子设备和环境的选项选项紫青绿色激白光笔,由于紫青绿色激白光笔用到长波长的白光, 强迫症上会不就会看到朝向哪里最近, 紫青绿色激白光笔可视, 强迫症和非强迫症都很较易看到。1兆瓦的白光线比较适合都可研讨室,如果是较大较大的礼堂,可以用到5兆瓦的灯白光。05 诗意人行天桥方法录用1. 强迫症演示方法

Stark: 强迫症演示器和粉紫青绿色完整度检查器网上, sketch/figma/XD的软件

Color Oracle: 一款付费的强迫症演示软件包,支持Windows,Mac 和 Linux.

Sim Daltonism: 一款强迫症演示软件包,可以选项多种不同一般来时说的强迫症.只有mac版本.

Toptal:一款Skype演示强迫症方法.

2. 粉紫青绿色完整度方法

Color-contrast-checker: 粉紫青绿色完整度检查器,透过越来越快可调, figma的软件 —Color-Contrast-Checker

Tanaguru Contrast Finder: 侦测粉紫青绿色完整度,如果你的粉紫青绿色未大幅提高承诺,还就会透过新粉紫青绿色同意.

Color Review: 透过两种粉紫青绿色混搭在一起的预览,侦测结果失败还就会透过粉紫青绿色同意

color contrast checker from polypane: 透过粉紫青绿色对比和修正同意.

Accessible colors: 透过粉紫青绿色对比、修正同意、还可以输入大写微小和本字再加.

3. 为你的电子产品搭建人行天桥青绿色板

Accessible color palette builder:选项5个粉紫青绿色,网上就会通过归纳这些的粉紫青绿色的排列混搭,判断你的青绿色板到底相一致人行天桥国际标准

contrast grid:通过在右边侧边栏手动替换并成/删节行列、编者行列的青绿色值,为您透过这些粉紫青绿色排列混搭的完整度结果,比较很较低效而且一目了然

Cloudflare color tool:当你不明白选项什么粉紫青绿色毫无头绪时,你可以设法这个网上!它就会帮你浓缩来自某个再加定向、某个照片的粉紫青绿色青绿色板,当然你也能输入青绿色值.然后把这些粉紫青绿色拖到相异的功用(底青绿色、浅蓝青绿色、时代背景青绿色、描边青绿色),你就可以预览下你的电子产品用了这个青绿色板仅仅是什么很漂亮了.它同时也透过这些粉紫青绿色的排列混搭归纳

06 开篇

少数社就会阶层如强迫症、老龄化社就会阶层、身心社就会阶层等等,在近期,他们对人行天桥用到的网络的效益,越来越不受到重视,也许你在现在不必需人行天桥新技术的帮助,但是随着你变老,在未来的某个阶段也许人行天桥新技术就就会稍稍帮助你。

诗意人行天桥只是人行天桥的一小步,但是却是证明人行天桥盛行新技术革新的一大步。

参看文中:

本文由郝小七指导http://www.woshipm.com/u/917803

本文由 @自来卷夏忆 原创发布于人人都是电子产品业务员,不容许,严禁转载

题图来自 Unsplash,基于 CC0 协议

泉州白癜风医院哪家好
智慧博物馆建设
西宁白癜风医院地址
三亚看男科哪里最好
合肥精神心理医院哪家好

上一篇: 给十二星座的约会忠告:给大家划重点了!!

下一篇: 比苹果M2更强?Motorola下一代PC芯片明年量产:使用台积电4nm

友情链接