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