启新网站SEO优化根据ColourBlindAwareness的数据，4.5%的用户是色盲，如果你的网站受众主要是男性，这个数据可能高达8%。网页和UI在设计过程中，色盲人的实际情况很容易被设计师忽视，毕竟绝大多数设计师本身并非色盲。因此，如何在设计中兼顾色盲和色弱的用户群？文本的可读性为保证文本的可读性，应根据可访问原则选择背景色、文本色和尺寸：“WCAG2.0AA文本对比度要求达到4.5:1，标题文本达到3:1。(正文粗体14pt，标题18pt)——WebAimcolorcontrastchecker”下面的案例显示了哪些搭配可以通过，哪些不能达到标准(passes=通过，fails=不通过)： 2.文字和图片的叠加图文混排，文字和图片的叠加通常比较困难，因为在许多情况下，要确保文本和图片之间的明显对比并不那么容易。 降低背景的透明度，或增加蒙板，使文本更容易识别。 降低背景的透明度，或增加蒙板，使文本更容易识别。 当然，你也可以用更引人注目的颜色来改变文本，或者增加阴影来提高对比度。三、取色及说明下面的截图是亚马逊购买页面中不同衣服的颜色分类。对于红绿盲用户，他们可能会看到右边的页面。在这种情况下，没有文本标签来区分不同的颜色，红绿盲用户无法区分差异。 然而，当用户的鼠标悬挂在桌面浏览器的颜色上时，他们可以看到相应的文本标签，但这种功能无法在移动终端上实现。Gap将文本标签添加到每种颜色以解决这一困境： 事实上，这种设计对普通用户来说也非常实用和亲密。例如，黑色和海军蓝，即使是普通用户在屏幕上也不容易区分，添加标签可以更好地区分。4.在图片上附上有用的描述下面的截图是一个SuperDry该系列t恤被网站描述为LeafJaspe也就是说，它的配色灵感来自叶子，它的实际颜色包括绿色、黄色和棕色。 问题来了，色盲用户先分辨不出它的实际色彩，需要依靠描述来了解，但是描述中的Leaf和Jaspe斑驳的意思其实不够直观。因此，合理的描述应该是GrayGreenLeafJaspe(灰绿色斑驳的叶子)。5、链接识别知名的网页链接可以不用颜色来识别。打开全色盲用户(完全无法区分颜色)UKGDS(英国政府数字服务)网站，然后他会看到下面的界面。在这种情况下，他们根本看不到网站上用颜色区分的链接。 为了找到链接，这些用户需要用鼠标光标来探索道路，光标沿着文本移动，直到他们看到箭头变成指针，他们才意识到这是一个可点击的链接。如果是在移动端，他们必须用手指一点一点地找到每个链接可能存在的地方。 图标描述的链接更容易找到，如果没有图标，下划线也会带来很好的效果。6、配色在现实世界中，颜色往往是无法控制的：红苹果旁边可能有一堆绿叶。但在网页上，设计师通常有足够的权限来控制这些问题。尽量避免以下配色： ·绿色/红色·绿色/棕色·蓝色/紫色·绿色/蓝色·浅绿色/黄色·蓝色/灰色·绿色/灰色·绿色/黑色
网站建设公司" />
