如何为视障人士设计移动应用

据估计全世界有2.85亿人视力受损,其中3900万人失明,2.46亿人视力低下。如果您是一个数字产品团队的成员,希望建立一个能力最全面的团队,你的团队必须确保视障用户能够成功地使用您的产品。

考虑对视障人士的设计似乎是一项艰巨的任务,但通过遵循可行性原则,您可以在设计可访问的移动应用体验方面争取重大进展。确保网站可访问性很重要,从WCAG指南开始,您可以多阅读关于网页可访问性的内容。

“全世界有2.85亿人视力受损。我们需要确保我们正在为他们设计。”

在这篇文章中,我们将重点介绍移动应用的可访问性的最佳实践,因为虽然我们有多年的文档和许多无障碍网站相关法律,但移动应用还相对较新,而“移动”的完整含义不仅仅是WCAG指南。出于这个原因,尽管智能手机平台提供了帮助建立可访问体验的工具,但是许多开发人员和设计师仍然不知道如何让应用程序可访问。

你可能会想:“视障用户使用我的应用程序吗?值得花时间让我的应用程序可访问吗?”通过让视觉受损的用户可以访问您的应用程序,您不仅可以使视障人士受益,还可以让所有用户受益。

我们经常使用到那些为残疾人士而设的,现在却被所有人所享用的发明和空间。一个很常见的例子就是残疾人坡道,最初是为了让轮椅使用者能够进出人行道。然而,今天这些坡道不仅被轮椅使用者所使用,而且还被婴儿车的父母们、推着沉重手推车的购物者们,或者在机场拖着行李旅行者们使用。同理,让您的应用程序可以让所有用户受益,而不仅仅是那些残疾人。

当谈到视觉障碍时,可以考虑两种不同类型的用户:低视力用户无视力用户。虽然这两个用户都属于“视障者”,但他们的需求却大不相同。

在这篇文章中,我将讨论低视力用户的需求。然后,您可以在WillowTree博客上阅读为盲人用户设计移动应用程序体验时的最佳做法。

“让视觉受损的用户可以访问您的应用,让所有用户受益。”

低视力

视力低下的原因很多,从远视,白内障到退行性眼病,因年老失去视力。尽管有各种各样的低视力问题,但我们可以设计一些简单的方法来满足这些用户的需求,无论能力如何,都将使所有用户受益。

动态类型

确保您的设计支持动态类型。对于低视力用户来说,这是最简单也可以说是最常见的让你的应用程序可以访问的方法。在几乎所有设备的操作系统中,用户可以将文本大小更改为更大。对于改变操作系统字体的用户来说,下载不支持动态类型的应用程序可能会令人沮丧,并可能导致用户无法使用您的应用程序。

iOS(左)和Android(右)都允许用户通过操作系统设置调整字体大小。此功能被称为动态类型。

对比

确保适当的对比。很多人容易习惯性假设每个使用你的应用程序的人都是一个拥有20/20视力(参考下方视力表)的千禧年人(1980到2000年的一代年轻人),但是事实远非如此。那样很容易设计一些好看的但是不可访问和不可读的东西。

添加一点额外的工作,以确保所有用户的颜色、排版和视觉效果清晰易读。通过去Materio.io/color并点击辅助功能选项卡来快速检查是一个很好的方法。它会让你知道在你真正开始设计之前,你的颜色、字体大小和不透明度是否清晰易读。如果你使用Sketch,那么你也应该下载Stark,一个允许你直接从Sketch检查设计的可访问性的插件。

视力表

“确保所有用户的颜色,排版和视觉效果清晰易读”

色彩的运用

不要仅仅依靠颜色来传达消息。红色是坏的,绿色是好的 —— 我们认为这是一个普遍的道理。但对于视觉受损或色盲的用户来说,可能很难在屏幕上检测到颜色变化。为了防止这种情况发生,请确保通过使用多于颜色的方式来传递消息。当您的应用程序在其他国家使用时也是要考虑的,这一点很重要,因为不同的文化对颜色的理解是不同的。

此外,如果你正在设计一个应用程序,用于跨多个国家或地区,请将这些区域的标签和内容进行本地化。例如,在美国,“Got It”是按钮的常用标签,但在世界的不同地方可能没有意义。

下面的例子展示了Google的密码错误的错误状态。该行变为红色,同时也会弹出错误提示消息。这个信息可以被色盲人士看到,也可以被视障人士注意到。

此Google错误状态同时使用颜色和文字来提醒用户出现问题                                           

黑暗模式

在您的应用程序中实施夜间或黑暗模式。如果您有一个包含大量文本内容的应用,这一点尤其重要。对于低视力的用户来说,阅读深色背景下的浅色文本要比在浅色背景下使用深色文本要容易得多。最近,苹果发布了具有“反转颜色”功能的iOS 11。此功能只反转用户界面,图像和应用程序图标保持原来的颜色。

如果你正在设计Android的应用程序,你仍然需要实现一个黑暗模式; 如果您正在设计iOS设备的应用程序,那么请确保您的开发人员正在考虑与“反转颜色”功能的兼容性,并且考虑您的图标和其他图像在“反转颜色”模式下的呈现。

Apple Music应用的默认状态(左)和苹果“反转颜色”模式(中),与旧的颜色反转方法(右)相比。

这些有利于低视力用户的基本策略不仅有助于他们,还有助于您的所有用户。所有这些功能 - 动态类型、对比度、颜色使用和黑暗模式 不仅可以帮助视力受损的用户,而且还可以帮助那些可能夜间在手机上阅读或看小文本时需要眯起眼睛的“典型”用户。

原文作者:Ayesha Zafar   翻译:TaaCoo糖炒

原文链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,393评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,790评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,391评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,703评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,613评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,003评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,507评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,158评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,300评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,256评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,274评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,984评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,569评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,662评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,899评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,268评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,840评论 2 339