缙云高端网站建设:使用颜色的可访问性工具来提高你的网站设计

2019.08.24 缙云高端网站建设

161

你知道多吗 4%的人口是色盲 ?. 不同颜色的失明和其他障碍会影响 可读性 和 可用性你的网站。

由你,确保你的设计是所有用户访问,不管他们如何看待 颜色 .

它可能比你想象的要容易使用正确的工具。

可访问性是什么?

 

有许多可访问性检查和标准网站设计时,总体目标是提供一个网站设计,任何用户都可以轻松理解。

可访问性问题的范围从任何音频、导航和反馈,文本属性和颜色。 后者就是我们将重点放在这里,可以最简单的事情之一,因为它在设计过程的早期识别和正确的在问题出现之前。

不同的视觉障碍,包括色盲是头等大事时一种视觉媒介,如一个网站。 根据色盲意识,在12个男人和1 200年女性世界有某种形式的 色觉缺陷 .

你可以看到一个比较的不同类型的颜色视觉看,与解释 对每种类型 .

易访问性指导方针和标准

在线HTML电子邮件模板编辑器

 明信片 你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。 现在试一试 免费!

了解更多其他产品

当涉及到颜色和可访问性,最关心的是对比。

包括前景和背景的颜色对比,对比颜色的文本(包括重量和大小)和对比的颜色为所有用户界面元素。

有一个文件,概述了网页可及性的最佳实践,包括颜色。 网络接触易访问性指导方针(WCAG)是在2.1版本中,并涵盖所有你需要使网站更容易。 你可以了解更多关于这些指导方针 在这里 .

当涉及到颜色,这是 建议 :“颜色不是作为唯一的视觉传达信息的手段,表示一个动作,促使响应,或视觉元素的区别。”

颜色可访问性的最佳实践 :

· 

提供足够的对比背景和前景; 这适用于任何类型的元素,涉及到另一个

· 

· 

使用颜色和别的东西来传达信息

· 

· 

确保交互元素和导航识别(微妙的颜色变化独自徘徊状态是不够的)

· 

· 

确保表单标签的颜色容易阅读; 应用这个错误和反馈

· 

· 

文本和互动元素应该有至少4.5比1的对比度。

· 

10颜色可访问性工具

缙云高端网站建设有许多可用的工具来帮助你检查从对比 颜色组合 建立一个调色板,尽可能容易。

这里有一些特别有帮助。

WebAIM色彩对比检查

 

WebAIM色彩对比检查程序检查背景和前景颜色之间的对比配给。 目标4.5:1的比例甚至更高。

似是而非的

 

似是而非的测试对比使用亮度的差异,使得每种颜色区分。 它使用的不仅仅是基本色调也考虑亮度和周围的物体。

色安全

 

安全帮助您创建可访问颜色调色板基于WCAG指南。 这些调色板确保您使用正确的背景和对比比例最佳可读性。

网页可及性的指导方针

 

网页可及性的指导方针有颜色对比很酷的显示不同的颜色在不同的背景,确保内容是容易阅读。 使用它来创建背景和文本选项都是清晰易懂的。

斯塔克

 

明显是一个Adobe XD和素描插件,可以使用它测试访问你的设计。 测试对比,运行一个色盲模拟甚至得到颜色改进建议。

颜色为所有

 

颜色都是一个巨大的视觉图的颜色在网格中显示ping的组合达到WCAG标准。

色盲网页过滤器

Toptal色盲网页过滤器允许您放在一个URL,设置一个愿景过滤器,看看页面的外观。 这可以成为一个伟大的测试来帮助您可视化设计是如何可以访问。

颜色审查

 

颜色审查与样本应用程序,点眼药器工具来帮助你检查颜色对比。 你也可以在浏览器中使用它。 浏览随机颜色很难阅读的是什么样子的一个例子。

颜色

颜色包括90种组合颜色对访问的网站设计。 每个组合显示了一个规模指南和比例,所以你知道每一对执行。 这是一个很好的开始,如果你想创建可访问 调色板 .

对比网格

对比网格允许您测试前景和背景的组合符合WCAG最低对比度要求。 您可以输入任何你想要的颜色为你创建一个网格的设计选择。

结论

缙云高端网站建设设计一个网站时,可访问性是很重要的。 即使你有完美的色彩视觉,你想退一步思考设计从人的角度来看不。

可访问性应该是对话,你对每一个新的网站设计项目。 创建一个惊人的网站如果有什么好处的一小部分用户无法看到了吗?

 


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP