1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

掌握这7个原则,帮你快速提高产品的可访问性--九分科技

时间:2020-06-30   分类:设计管理    作者:网络   来源:网络整理   点击:63

掌握这7个原则,帮你快速提高产品的可访问性 九分网络

copyright 9fen.net

周日的时候去看了徐峥的电影《我不是药神》,电影很走心,很现实,反正我是看哭了。现在的人,安全感缺失,有一部分原因可能就是看不起病吧。现如今,很多人还没能享受到该有的社会福利,在阳光照不到的角落里,犹如被抛弃,冷的瑟瑟发抖。

copyright 9fen.net

还记得前段时间看到的一个苹果宣传片,《Apple不为多数人,也不为少数人》,感动了不少人。看完电影后,不自觉的想到了苹果的这个宣传片,总觉得苹果所帮助的群体,跟《我不是药神》中所展现的小众群体,很是类似,所以今天的文章也算是应景吧。这篇文章,讲的就是要为所有人设计,让设计也能够照顾到容易被忽视的小众人群。 copyright 9fen.net

掌握这7个原则,帮你快速提高产品的可访问性 九分网络

copyright 9fen.net

数字产品可访问性是指构建可供广泛人群使用的数字内容和应用的实践,包括具有视觉,运动,听觉,语言或认知障碍的个人。 copyright 9fen.net

使网站为所有人设计,被人过度神话了,认为那样做既困难成本也高,但实际上并非如此。从设计初期就开始考虑产品可访问性,其实并不会增加额外的功能或内容,因此也不应该会有额外的成本和努力。 九分网络

但是,要修复一个已经无法访问的网站可能就需要费一番精力了。 我以前在 Carbon Health 工作时,我们使用 AXE 插件来检查了网站的可访问性。 我们发现仅在主页上就28个违规行为需要解决。 虽然听起来很复杂,但我们发现这些问题并不难以纠正,只是需要花费一些时间和成本来研究这些问题,最后差不多几天功夫我们就全部解决了。 内容采集来自9fen.net

我想分享一些我们曾用过的简单步骤,来改善你的网站可访问性。这些原则将侧重于网站和移动端

copyright 9fen.net

在开始之前,先来谈谈为什么做这些优化很重要。

本文来自九分网络

一、为什么设计需要考虑可访问性?

作为设计师,我们有能力和责任确保每个人都能访问我们设计的内容,无论其能力,背景或使用场景如何。 做好产品可访问性可以为每个人带来更好的体验。

www.9fen.net

美国有超过5600万人(近五分之一)和全世界超过10亿残疾人。 在2017年,有814起网站可访问性诉讼在联邦和州法院提起。仅这两项数据就可以让我们相信设计可用性的重要性。 本文来自九分网络

可访问性还有一个很好的商业案例:研究表明,可访问的网站有更好的搜索结果,能够覆盖更多的受众,对 SEO 友好,下载时间更快,同时还鼓励使用更好的代码结构,他们也总是会有更好的可用性。

www.9fen.net

以下讲到的7个方面是很容易做到,可以帮助你的产品更接近满足 Web 内容可访问性规范(WCAG 2.0)AA级标准。同时建议最好也去研究下最常用的辅助功能——包括屏幕阅读器,屏幕放大器和语音识别工具。 内容采集来自9fen.net

1. 增加足够的颜色对比度

本文来自九分网络

掌握这7个原则,帮你快速提高产品的可访问性

九分网络

九分网络

△ 对 Guadalupe 来说,按钮具有更好的色彩对比度将更易阅读。 本文来自九分网络

颜色对比是一个经常被忽视的 Web 可访问性问题。 如果对比度低,弱视的人很难从背景颜色中读取文本。 在关于视力损伤和失明的情况说明书中,世界卫生组织(WHO)估计有2.17亿人患有中度至重度视力障碍。 因此,考虑文本和背景之间的充分对比是至关重要的。

九分网络

根据 W3C 规定,文本与其背景之间的对比度应该至少为4.5比1(符合AA级别)。对于较大和较重的字体,比率相对宽泛一些,因为它们在较低对比度下也能容易阅读。 比如使用的字体为18pt或14pt粗体,则最小对比度将降至3比1。

copyright 9fen.net

有些工具可以帮你快速检查。 如果你使用的是 Mac,建议使用对比应用(https://usecontrast.com),使用此工具可以使用颜色选择器立即检查对比度。 如果您想获得更详细的分数,我建议您在 WebAIM 颜色对比检查器上输入颜色值。 此工具将计算常规和较大文本,得出级别(A,AA,AAA)的分数。你可以更改颜色值并实时查看结果。 内容采集来自9fen.net

参考资料: WCAG Visual Contrast

本文来自九分网络

2. 不能仅使用颜色来区分关键信息 copyright 9fen.net

掌握这7个原则,帮你快速提高产品的可访问性 本文来自九分网络

内容采集来自9fen.net

△ 对 René 来说,当图形对色盲患者友好时,他会感到很开心!

copyright 9fen.net

当你在传达重要的事情、响应动作或提示时,不要把颜色作为唯一的视觉线索。弱视或色盲的人可能很难理解你的内容。

内容采集来自9fen.net

标签: 优设 优设网 产品设计 可访问性 彩云译设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----