依据WCAG的规定,上海网站制作的文本和所处的背景的对比度至少为4.5:1。这套规范主要是要弱视者、色盲看清楚屏幕上显示的文字信息。这也就意味着,假如你的文字大小为24px,19px粗体的时候,文字的灰度较少也得是#959595.
#959595 字体在白色背景上的成效。
相对较小的字体,能用的灰色较0也获得#767676,假如你的背景自身便是灰色的,那么文字的用色还得更沉才行。
#767676 字体在白色背景上的成效。
有个名为Color Safe的工具,可以你的设计用色保险。而WebAIM’s Color Contrast Checker也能帮你开展色彩对比度的检查,你选对了色彩。
LOGO和被禁用的元素则不受此标准约束。这里边包含了处于禁用状态的按钮或者菜单选项。不过占位符或者幽灵按钮的信息则依然在规定约束范畴内。
接下来的案例咋们看的是著名上海网站开发平台:www.jianzhan0.com,例子中仅有“M” 这样的Logo的对比度契合了标准,其他部分的灰度则很难让人看清,更何况是视觉障碍者。
下一个案例是BBC的网站,他们使用不同的色彩来强化对比,很明显他们的网站在对比度上做过很深的功课,由于他们的灰色较浅的用的便是#767676。
下边我还想说说上海网站制作。很荣幸我能在上海网站制作设计系统团队一同工作,他们刚刚完成了Salesforce1移动客户端的设计工作。
这样的案例中很明显,他们采用了高对比度的色彩组合。假如你没有深入清楚过他们,很难想象这些上海网站制作、设计师相对高对比度的色彩组合有多么执着的追求。不过我想你应该也已经明白控制对比度的好处,你的界面会更加先进。
以上信息由新概念科技(上海网站制作,上海网站制作)为您提供,越来越多精彩信息:http://www.jianzhan0.com/
关注“新概念科技”微信公众号,迅速获取互联网较新资讯
热点文章
最新文章