铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
工业纸箱 纸箱 包装彩印 纸托盘 纸护角公司网站建设
办公区绿植租赁公司网站建设 定制苗圃直供企业网站
关于网站建设可访问性(Accessibility)是用户体验设计中的重要一环,好的可访问性设计可以让各种用户更容易浏览和使用(电脑、手机、网页、UI等等),使得有障碍的用户更便捷地感知、理解、互动。理想状态下,西安网站设计师和程序开发者能充分设计,让产品的可访问性达到好的境界,但是实际状况下,即使添加了如此多的可访问性设计,残疾人和行动障碍者依然用不好手机、电脑等产品,甚至有些“设计”还会人为制造障碍。
今天,我们来探讨一下可访问性设计的一些基本原则吧。当我们在探讨可访问性设计之前,请你的产品至少是已经“被设计好了的”,也就是说它至少得符合《Web协会可访问性指南设计规范2.0》和 《inSection 508》的基本要求,经过充分的开发和测试。
OK,我们开始进入主题了~
要让产品可访问性更好,并不是让你做一个丑陋、沉闷而杂乱无章的产品。当你在设计的时候,现有的可访问性设计规范或者“推荐规范”的引入,确实会提供一定的约束,但是它们本身并不只是一种限制,它还是你设计和探索的新方向,毕竟,你设计的较终目标是为用户提供更好的产品——好用好看。
当我们在阅读这些设计规范的时候,请务必记住,这些产品并不只是为我们的同行或者设计同好来设计的,它所涵盖的用户各不相同。
作为西安网站设计师的你,你可以为你的同行和同好设计出极具共鸣的产品,但是从更广泛意义上来说,他们在你产品用户的总量中,占据的比例并不高吧?
为那些真正同你的产品进行互动的各色用户来设计吧。为每一个人设计。你的用户可能是盲人,可能是色盲,视力不佳者,可能是听力障碍者,可能是有行动障碍的老人,可能是有认知障碍的用户。你的用户可能很年轻,也可能很老,他们可能是普通用户,也可能是重度依赖者,也可能是对于用户体验有极高要求的挑剔用户。
拥抱可访问性设计准则吧,如果你想创造一个令人惊艳的产品,那么这是你的必经之路。
视觉障碍者所存在的问题各不相同,色盲(男性1/12,女性1/200)、近视(1/30)以及失明(1/188)的用户都会成为你的可访问性设计所照顾的对象。
借助色彩来呈现高亮和互补是显而易见的设计方法。
那么你看看下面灰阶的界面中,有几项填错了?很多人都会人为只有验证码填错了,因为只有验证码的字段有个小三角形,者表明它是有问题的。接下来整屏的灰色也没法让你判断出其他的问题。
但是当你看到彩色的界面的时候就知道,实际状况并不是这样。设计师使用红色来标识错误的字段,四个字段其实都是错的,对于色盲的用户,这样设计的可访问性简直是灾难性的。实际上,你可以使用粗边框、粗体文字提醒、下划线、斜体来呈现错误状态,而不止是色彩。
根据WCAG的规定,文本和所处的背景的对比度至少为4.5:1。这套规范主要是要弱视者、色盲看清楚屏幕上显示的文字内容。这也就意味着,如果你的文字大小为24px,19px粗体的时候,文字的灰度较少也得是#959595.
#959595 字体在白色背景上的效果。
对于较小的字体,能用的灰色较0也得到#767676,如果你的背景本身就是灰色的,那么文字的用色还得更沉才行。
#767676 字体在白色背景上的效果。
有个名为Color Safe的工具,能够你的设计用色安全。而WebAIM’s Color Contrast Checker也能帮你进行色彩对比度的检查,你选对了色彩。
LOGO和被禁用的元素则不受此标准约束。这里面包括了处于禁用状态的按钮或者菜单选项。不过占位符或者幽灵按钮的内容则依然在规定约束范畴内。
接下来的案例我们看的是著名博客平台Medium,例子中仅有“M” 这个Logo的对比度符合了标准,其他部分的灰度则很难让人看清,更何况是视觉障碍者。
下一个案例是BBC的网站,他们使用不同的色彩来强化对比,很明显他们的网站在对比度上做过很深的功课,因为他们的灰色较浅的用的就是#767676。
下面我还想说说Salesforce。很荣幸我能同Salesforce设计系统团队一同工作,他们刚刚完成了Salesforce1移动客户端的设计工作。
这个案例中很明显,他们采用了高对比度的色彩组合。如果你没有深入了解过他们,很难想象这些设计师对于高对比度的色彩组合有多么执着的追求。不过我想你应该也已经明白控制对比度的好处,你的界面会更加先进。
以上内容由虎网科技(西安网站设计,西安网站制作)为您提供,更多精彩内容:https://www.huwz.com/
英国读研好还是澳洲读研好为什么 哪个好不是看国家,而是看学校,你能读英国的牛津剑桥G5当然英国好,否则澳洲八大好,这个关键看你能上的学校而不是国家! 什么时候买黄金最好 金银珠宝首饰是男女都喜欢佩戴的一款饰品,如今都流行穿金戴银,特别是女人比较喜欢佩戴一些珠宝首饰,无论是工薪阶层上班族还是都市女白领几乎珠宝首饰是必不可少的一份子。 因为佩戴一款漂亮的珠宝首饰能提升女人的气质与气场,戴珠宝的女人比...
西安网站建设:什么是搜索引擎呢: 如果要在互联网上寻找信息一例如事件、 统计数字、描述、商品甚至电话号码,您会怎么做?大部分情况下都会使用某个主流搜索引擎,输入需要查找的单词或短语,然后逐个点击搜索结果,不是吗?不一会儿,需要查找的信息就出现了,非常奇妙!当然,搜索引擎并不一定是唯一的选择。 早期的互联网并不是现在这样的。实际上,当时的互联网并不像现在这样是一个由相互连接的网站构成的网络,也没有成为如此庞大的商业助推器。当时所谓...
南山优佳文化培训和虎网科技签订网站建设合同 优佳选用虎网站经济型入门级网站案例,其功能比较简单的程序,广告单图(无动漫),页面较简单,适合小微企业产品展示型网站。优佳位于深圳市南山区招商街道南海大道花样年美年广场1栋805B。优佳是经深圳市南山区工商局审核的正规企业,统一社会信用代码:91440300MA5ENF0J0X。 经营范围:教育培训;教育软件设计、开发;教学仪器设备设计、开发;教育咨询;医疗软件设计、开发;自动化机器人软件设计...
金华金东德升工艺礼品和虎网站签下网站建设事宜 德升位于金华市金东区鞋塘工业区东港北街688号。德升是经金华市金东区工商局审核的有资质公司,统一社会信用代码:91330703MA28D2HP7Q。德升选用虎网站响应式自适应网站案例,此类案例是当今新潮流的网站程序,他除了具备商务型所有功能外,他的特点在于能自动识别互联网和移动网终端设备,既能适用在电脑上浏览同时又适用在平板电脑和各款手机上浏览都能自适应屏幕大小,是企业官网的选择佳品。 德升产...
罗湖旷平球类体育同虎网科技签署网站建设协议 旷平是经深圳市罗湖区工商局审核的正规企业,统一社会信用代码:办理中。旷平选用虎网站网络实用型网站案例,此案例比经济型多了些功能,如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。旷平坐落于深圳市罗湖区大望村222栋602。 产品有:高尔夫类POLO衫、帽子、手套、袖套、球袋、球包、枪包、航空包、帽套等针织类产品。更有专注研发生产高尔夫球杆、高尔夫球、高尔夫握把...
怎样进行网站设计才能脱颖而出 1、网页内容需精简。 对于一个网站而言内容越小,网页越小,速度就越快。这样就会给用户带来浏览的快感,在一定程度上提升网站的吸引力。 2、保持网站风格的一致。 包括网站布局、文字排版、装饰性元素出现的位置、标志性元素出现的位置,导航的统一、图片的位置等等,这些都要保证它的统一性。任何主页都要根据主题的内容决定它的风格与形式,因为只有形式与内容的完美统一,才能达到理想的效果。 3、色彩搭配要协调。 运...
粤ICP备2023033431号 网站地图 SiteMap
Copyright 2006-2023 虎网站 版权所有