先给你们分享一个笔者的真实故事。前阵子她被诊断得了急性结膜炎,医生切切叮嘱 72 小时里多闭目养神不能目视任何自光源体,“尤为是电脑和手机!”医生特意关照了一句。算法
她好不容易挪回家,想起一成天未能进食,做为淘宝无障碍小组的一员,她知道能够用苹果 iOS 系统自带旁白功能来读屏(通用-辅助功能-“旁白”)。结果第一次做为“视障用户”的她,一进「饿了么」,就被大波优惠券浮层淹没,只听得此起彼伏的“优惠券优惠券…”但不知是什么优惠,更找不到“关闭”入口。划拉半天,连「首页」也没能进去。后端
咱们的生活愈来愈依赖互联网。出门不带钱包、打电话用微信、要打车用滴滴…信息集中流通的同时也限制了多样化的信息传达渠道。而现有互联网的信息传达中, 80% 是依赖于视觉化语言。当咱们失去视觉,缺少“基础设施”的互联网都会成为正常生活的黑洞。安全
在中国约有 2 亿的障碍人群,其中视障人群约有 1400 万,包括 500 万视盲人群以及大部分的后天视力受损人群。在老龄化趋势日益显现的大城市中每一年有约 50 万老年人成为视力障碍者。而在视力正常人群(20~40岁)的平常生活中,患上损伤视力的眼科疾病的概率约为 4-5% ,也就意味着,在 20-40 岁间即便你先天视力无缺,也会遭遇至少1次这样的“黑洞”。微信
视障人群,不管是暂时仍是长期的视觉能力缺失,在身体机能和认知能力的其余各方面都和常人无异。在 2018 年中国视障协会发布的报告里网络购物在上网的视障人群中需求占比 78% 。视障用户因为生理以及国内公共场所的无障碍设施不完备等缘由,出行自由度受限,而网上购物能够提供更多自由选择的空间和时间容忍度,更应该成为解决视障者核心诉求的渠道。网络
视障用户和普通人同样会“心情很差就逛淘宝”,同样也有“刷刷刷+买买买”爽快剁手体验的期待,想要拥有同样的选择自由度,同样的多快好省。视障用户网购体验对标正经常使用户仍处在基线水准如下:普通视障者独立完成网购还是件艰难的事,更妄论网购的多快好省,享受逛买信息浏览愉悦度等体验。体验可提高的空间巨大。框架
在过去的一年中,手淘技术团队在如下三个方面不断完善了手机淘宝的无障碍建设:工具
1.图片能够“听到”学习
手淘详情页面接入 OCR 能力,也就是提取商品图片中的文字,帮助视障人群可以“听”到图片内容。该能力由“图像和美”团队提供后端算法支持。旨在解决商品详情中“图文”详情区域,“纯图片”控件无障碍文本缺失的问题。测试
2.增长“无障碍小助手”优化
无障碍小助手在手机淘宝中提供无障碍快速通道,帮助视障用户快速到达经常使用页面(充话费、领淘金币等)。旨在解决视障用户的一大痛点:屡次切换焦点寻找经常使用功能入口。
3.信息无障碍归入常态化
“手机淘宝”是中国第一个将信息无障碍归入更新维护常态化流程的产品。在集团已有的无障碍工做基础上,咱们与深圳无障碍协会保持高度合做。作到无障碍检查与修复的平常化。同时,针对目前普遍使用的 DinamicX 开发体系。咱们在 DinamicX 模板编辑阶段就加入了无障碍检查。让无障碍能力成为了模板能力的一部分。
手机淘宝从 2017 年开展全链路无碍化设计迭代以来,经历了多个版本多种类型的无碍化尝试,包括基础链路无碍化、双11双12会场设计无碍化以及智能小助手的淘内无碍化产品孵化。总结了如下五点对网络购物最为基础的设计准则:
1.用户记忆认知负担最小化
视障用户依赖记忆以及对大量手势的掌握来与手机或触屏产品交互,这自己就占用了大量的认知资源。设计师应该努力帮助读屏软件的用户来下降他们的对工具自己和界面的认知负担。
2.结构性导航体验的一致性
一致的结构性导航可以帮助视障用户快速创建对各种新进入页面的熟悉度和寻找信息的方式,从而下降学习成本和搜索有用信息的认知以及效率成本,并创建任务信心。
3.避免同一点多方向和维度的信息分布
按照咱们以前讨论的视障用户的认知模型,多维度的信息关联方式对于视障用户是巨大的学习成本而且一般伴随信息理解的不肯定性和不安全感,尤为是没法在脑中创建方位地图的先天视盲者。
4.页面内容结构的一致性
这是指页面内信息表达方式和顺序的一致性,这是对用户浏览信息温馨度、阅读连贯性和操做信心的保障。
5.辅助机制的一致性
指的是帮助用户操做、阅读以及完成页面的互动方式的一致性,例如:经过唤起菜单来提醒用户选择服饰的尺码,那么在各种物品详情页都最好使用相似表达的辅助菜单,来提高用户确认操做的可靠性。
在上述基本准则的基础上,淘宝的设计师也给出了手淘框架下每一个可复用的功能性控件的无碍化设计规范-从点到面、以点带面地来持续推进和优化基础链路的无碍化。欢迎关注「淘宝设计」公众号,查看更多无碍化设计相关内容。
“人生百年,试想谁能一辈子无障碍?”
淘宝的无碍化建设不是为了某个业务的 KPI ,而是为了每一位“特殊”的TA们,搭建最基本的、有安全感的信息化生活。期待更多的同窗可以加入到「信息无障碍」,也但愿这篇短文能帮助感兴趣的同窗找到「无障碍」之路。期待与你同行,一块儿「无障碍」。
本文为云栖社区原创内容,未经容许不得转载。