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