易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

对于可访问性设计师必知的事

来源:网站建设行业资讯网
添加时间:2022-01-17

关于网站建设可访问性(Accessibility)是用户体验设计中的重要一环,好的可访问性设计可以让各种用户更容易浏览和使用(电脑、手机、网页、UI等等),使得有障碍的用户更便捷地感知、理解、互动。理想状态下,深圳网站设计师和程序开发者能充分设计,让产品的可访问性达到好的境界,但是实际状况下,即使添加了如此多的可访问性设计,残疾人和行动障碍者依然用不好手机、电脑等产品,甚至有些“设计”还会人为制造障碍。

今天,我们来探讨一下可访问性设计的一些基本原则吧。当我们在探讨可访问性设计之前,请你的产品至少是已经“被设计好了的”,也就是说它至少得符合《Web协会可访问性指南设计规范2.0》和《inSection508》的基本要求,经过充分的开发和测试。

OK,我们开始进入主题了~

1、可访问性设计并非创新的障碍(深圳网站制作)

要让产品可访问性更好,并不是让你做一个丑陋、沉闷而杂乱无章的产品。当你在设计的时候,现有的可访问性设计规范或者“推荐规范”的引入,确实会提供一定的约束,但是它们本身并不只是一种限制,它还是你设计和探索的新方向,毕竟,你设计的较终目标是为用户提供更好的产品——好用好看。

当我们在阅读这些设计规范的时候,请务必记住,这些产品并不只是为我们的同行或者设计同好来设计的,它所涵盖的用户各不相同。

作为深圳网站设计师的你,你可以为你的同行和同好设计出极具共鸣的产品,但是从更广泛意义上来说,他们在你产品用户的总量中,占据的比例并不高吧?

为那些真正同你的产品进行互动的各色用户来设计吧。为每一个人设计。你的用户可能是盲人,可能是色盲,视力不佳者,可能是听力障碍者,可能是有行动障碍的老人,可能是有认知障碍的用户。你的用户可能很年轻,也可能很老,他们可能是普通用户,也可能是重度依赖者,也可能是对于用户体验有极高要求的挑剔用户。

拥抱可访问性设计准则吧,如果你想创造一个令人惊艳的产品,那么这是你的必经之路。


2、不要让色彩成为你先进的视觉传达手段(深圳网站设计)

视觉障碍者所存在的问题各不相同,色盲(男性1/12,女性1/200)、近视(1/30)以及失明(1/188)的用户都会成为你的可访问性设计所照顾的对象。

借助色彩来呈现高亮和互补是显而易见的设计方法。

那么你看看下面灰阶的界面中,有几项填错了?很多人都会人为只有验证码填错了,因为只有验证码的字段有个小三角形,者表明它是有问题的。接下来整屏的灰色也没法让你判断出其他的问题。

但是当你看到彩色的界面的时候就知道,实际状况并不是这样。设计师使用红色来标识错误的字段,四个字段其实都是错的,对于色盲的用户,这样设计的可访问性简直是灾难性的。实际上,你可以使用粗边框、粗体文字提醒、下划线、斜体来呈现错误状态,而不止是色彩。

3、文字和背景有充分的对比(深圳网站制作)

根据WCAG的规定,文本和所处的背景的对比度至少为4.5:1。这套规范主要是要弱视者、色盲看清楚屏幕上显示的文字内容。这也就意味着,如果你的文字大小为24px,19px粗体的时候,文字的灰度较少也得是#959595.

#959595字体在白色背景上的效果。

对于较小的字体,能用的灰色较0也得到#767676,如果你的背景本身就是灰色的,那么文字的用色还得更沉才行。

#767676字体在白色背景上的效果。

有个名为ColorSafe的工具,能够你的设计用色安全。而WebAIM’sColorContrastChecker也能帮你进行色彩对比度的检查,你选对了色彩。

LOGO和被禁用的元素则不受此标准约束。这里面包括了处于禁用状态的按钮或者菜单选项。不过占位符或者幽灵按钮的内容则依然在规定约束范畴内。

接下来的案例我们看的是著名博客平台Medium,例子中仅有“M”这个Logo的对比度符合了标准,其他部分的灰度则很难让人看清,更何况是视觉障碍者。

下一个案例是BBC的网站,他们使用不同的色彩来强化对比,很明显他们的网站在对比度上做过很深的功课,因为他们的灰色较浅的用的就是#767676。

下面我还想说说Salesforce。很荣幸我能同Salesforce设计系统团队一同工作,他们刚刚完成了Salesforce1移动客户端的设计工作。

这个案例中很明显,他们采用了高对比度的色彩组合。如果你没有深入了解过他们,很难想象这些设计师对于高对比度的色彩组合有多么执着的追求。不过我想你应该也已经明白控制对比度的好处,你的界面会更加先进。

以上内容由科技(深圳网站设计,深圳网站制作)为您提供,更多精彩内容:http://www.fantodo.com/

关注“科技”微信公众号,快速获取互联网较新资讯

网站建设计最新案例赏析:


广州捷伦达实验室设备网站制作首页设计效果图
广州捷伦达实验室设备
广东丰大机械科技网站制作首页设计效果图
广东丰大机械科技
山东刚泽金属制品网站制作首页设计效果图
山东刚泽金属制品
上海艾艺信息技术网站制作首页设计效果图
上海艾艺信息技术
浙江爱就推门玩具网站制作首页设计效果图
浙江爱就推门玩具
东莞索诚电子网站制作首页设计效果图
东莞索诚电子
西斯科戈雅企业形象设计网站制作首页设计效果图
西斯科戈雅企业形象设计
东莞莲泉净水设备网站制作首页设计效果图
东莞莲泉净水设备
深圳四强科技网站制作首页设计效果图
深圳四强科技
上海傲秀展览展示网站制作首页设计效果图
上海傲秀展览展示
 

网站建设行业资讯推荐阅读:


易捷网络谈谈手机网站建设对企业的价值深圳网站建设分享三个关键事项建设企业网站中要注意三个核心问题-广州网站建设网站建设,内容将提升品质价值网页的设计方案常见问题有什么哪些原因会导致您的网站排名停滞不前 效果好的网站设计公司联系方式 什么是劫持百度快照,哪些问题会导致快照被劫持普通网站建设的三个基本要素企业网站设计时需求留意哪些关键点如何设计有特色的网站深圳网站为你解析模版网站与定制网站有哪些定制软件开发的公司哪家好,谁能给推荐一下一个成功的官网设计有哪些特点网站建设优化方法有哪些设计师为什么要能说会道是了和甲方爸爸优雅讲道理!网站内容差异化决定你的SEO排名如何做一个讨好客户喜欢的网站如何确定网站设计的风格详解网站设计风格类型都有哪些外贸网站页面如何设计才能令用户喜欢分享网络营销的六大误区找网站建设公司开发微信商城费用多少下一个移动互联网战场--Wifi营销企业建站有哪些网站设计规则网络推广为何必须立足于企业网站网站建设价格费用的四个影响因素是什么[环境部署]windows2008配置IIS+php+mysql安装包版响应式网页设计的布局设置一个好的网站制作应该具备以下几点企业网站建设应注意的关键网站建设成功需要考虑的因素 有实力的网站设计公司哪个品牌好 浅谈软文的作用以及如何利用域名挑选要遵照的基本要素如何给网站添加安全墙大型网站开发需要注意的细节有哪些不同时代的网站设计技巧(一)如何做好网站建设工作网站建好后需要做哪些维护工作深圳网站建设中如何提高用户的体验度深圳网站建设探讨学习SEO优化需要懂技术吗深圳市高端网站设计/网站制作哪家强深圳市服务到位技术性好多长时间才能把一个网站做好呢网站改版有哪些问题需注意微信功能在整改,用户体验将提升SEO新手必读!什么叫SEOSEO应当如何做高性能的网站设计的基本要素科技网站设计应遵循的五个设计规则深圳网站建设设计为什么要用响应式设计网站设计对于百度排名的重要性深圳网站建设要从用户的角度出发如何把控页面设计APP软件定制开发网页制作如何提升网站页面打开速度js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码经验之谈!在网站建设前看完这四点建议怎样建设网站访问速度快企业建站对业务发展有哪些意义开发APP时要注意的问题
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询