闭着眼睛点外卖你试过吗?我们像盲人一样体验了下,结忘仙屋果让人叹息

明星娱乐
后台-插件-广告管理-内容页头部广告(手机)

俗话说,民以食为天,每个人都需要正常的饮食来维持生存,吃饭更是生命中最重要的事情之一。而在今天,我们除了在自家做饭或是出门在餐厅就餐,还可以点外卖简单方便地获取每一餐。

一般用户可以通过外卖App的引导点餐,这对大多数人来说没有难度,但对于无法看清楚的视障人士,恐怕就不是那么简单的事了。开启“无障碍建设”专栏的雷科技,这次就把目光转向了无障碍订外卖,看看外卖App在无障碍体验的建设上走到了什么地方。

无障碍体验原理及体验标准

视障人士大都通过屏幕阅读器来使用手机,也就是iOS的“旁白”功能,以及安卓的TalkBack功能。开启屏幕阅读器后,将用语音为使用者进行操作导航。

(Android内置的TalkBack)

现代应用程序大都采用“界面-框架-元素-内容”的结构进行开发,只要每个部分都有对应的文字说明,那么屏幕阅读器就能读出对应部分的名称,让视障人士用声音“看见”屏幕。

我们只能用正常人的身体去感受视障人士的使用体验,但可以根据几个方向来判断互联网服务有没有做好无障碍化:目标内容能否被读出,目标的文字说明是否简洁明了,是否便于开启屏幕阅读器之后的操作(如单击点选,双击确认点击,双指或三指滚动列表)。

美团:大部分可用,仍需改进

我们首先尝试了美团App的外卖订购。美团的每一级界面都有搜索框,但都没有加文字说明,需要向下一直到外卖-美食界面,才能知道这里有个搜索框。

(美团首页的搜索按钮)

美团的各类界面都包含有不可读元素,以促销等活动图标为主。不过商家列表可以正常阅读,店名、评分、销量、配送时间距离、起送价、送餐费以及人均消费,都会在点击时一并读出来,减少了不必要的多次点击。

(商家列表的图片都缺少文字说明)

进入店内点餐界面,又遇到了按钮没有文字说明的情况,无法直观知道可以用哪些红包、具体优惠规则。菜品名称可以正常读出,简介、销量和价格也会一并读出,不过添加购物车按钮也没有文字说明,想成功添加菜品可能有点难了。

好在去结算按钮可以正常读出,订单提交界面下,设置收货地址、时间、订单详情等信息都能转化为语音,点击提交后还会再读一次让人确认。稍微有点不解的是,抵用券按钮并不是默认被读出的元素,需要点选才知道它的存在。

接下来的付款阶段有点让人摸不着头脑:美团默认的免密支付不用多说,很方便;支付宝的支付界面也还算顺畅;可微信支付界面就让人不太理解了:有文字说明但全都是英文,这年头付个钱还得会外语不成?

付款完毕后进入订单详情页,它会再次重复购买的所有菜品。回到订单列表,也能够读出每个订单的店名、菜品名称、数量以及价格,算得上足够清晰。

饿了么:可行性不错,但也需优化

到了外卖App的另一巨头饿了么,一上来就是个惊喜:首页弹出来的红包赠送界面,基本上不可读。默认点选的幻灯banner没有任何文字说明,只有不断切换的图片。好吧,相信饱经风霜的视障人士已经知道这是个什么玩意了。

(好看但“不存在”的图片)

进入店铺列表,和美团一样可以读出每家店铺的信息,不一样的是,会把可用的红包金额和优惠,以及精选评价也一同读出。对难以直观看到的视障人士来说,明显更加便利。店铺筛选也做到了可以点击并读出,不过下放的图形化价格筛选无法读出或使用。

(大部分功能无障碍化的商家筛选)

店铺详情页值得肯定的是,进入后会读出店铺名、评价、销量以及配送时间,方便用户快速避雷。菜品列表也做到了可以清晰读出,不过还是有略显可惜的地方:添加购物车按钮有文字说明可读出,但“已选中”还是不够准确,可以继续改进。

不过接下来就要多批评了,确认订单界面会默认读出送餐地址,但不会把订单内的菜品一起读出来,还不能起到完整确认订单的作用。菜品名和价格的文字区域都比较小,并不方便点击。地址、支付方式和红包的选择和美团相近,不再重复。

(略显遗憾的确认订单界面)

接下来的付款界面,由于图形元素较少的缘故,基本都能点击并读出。而订单详情也和美团差不多,大多数信息都可以转为语音。但这里出现了个低级错误:返回按钮没有加入文字说明,也就不能读出。

一番体验下来,雷科技认为两款外卖App在大多数流程中都具备视觉无障碍可用性,不过也需要继续完善开发规范,在界面的各类边边角角也做到有文字说明并清晰准确,实现完全意义上的无障碍使用。

还有一点让我觉得可以继续改进:无论是饿了么还是美团,都没有把订单信息中的实际支付金额跟原价格分开。如果能让手机读出为“需付22元,原价35元”,相信能够比两个数字连读更加直观。

美团无障碍外卖:想法很好,但要结合实际

看到这里,你是不是会觉得视障人士想吃顿饭很麻烦?

在美团App(非美团外卖独立App)中,还额外设计了语音点外卖功能,让视障人士不必在店铺和菜品的“枪林弹雨”之间穿梭,就能直接下单。那么问题来了,它是不是真的有自我标榜的那么方便。

我们正常人都可以看到,美团App首页上有个代表着语音输入的麦克风,但在视障人士的世界里它并不存在——别说提示为“未加标签按钮”,根本就读不出来,只有屏幕阅读器的音效和振动会提示这里有个东西。

在美团的官方说法中,除了首页的麦克风按钮,还有“更多”页面最底部的无障碍外卖按钮可以进入无障碍外卖。这也是使用屏幕阅读器时,进入美团无障碍外卖唯一可行的办法。

(美团的无障碍外卖入口)

无障碍外卖界面设计清爽简洁,除了八个快捷按钮和说明文字之外,就只有按住说话的按钮。如果以普通人的眼光审视,这是个好看而且易用的设计,可实际上,根本不能在手机开启屏幕阅读器的前提下正常使用。

或许是因为技术选型的缘故,这些看起来很大块的按钮其实都很难点选中,连“按住说话”也不例外,尝试点击多次后才能选中。而且有略显多余的十余字说明,反而会影响到视障人士对按钮功能的判断。

(按钮巨大却不容易点选)

这个按钮在iOS下的确容易选中,但是新的问题也随之而来:出于方便视障人士的考量,美团内置了文字转语音,但语速上和系统的读屏不一致,而且两种语音同时播放不分先后,导致部分信息无法听清。

如果你清楚自己想吃什么,那么恭喜你,你可以直接说出菜系、品名或店面来直接点单。接下来就是确认并持续进入下一步了,说出“去支付”后,支付界面的流程和上面一致。要是想碰碰运气,可能就没这么舒服了。

查找店铺时,不能像普通人一样按列表选择,只能根据系统推荐做决定,要么就这家、要么换一家。然而更换店铺的流程并不完全是无障碍的,由于技术原因或者配送的问题,会出现提示该店铺不能下单的情况。

‍(找到中意店铺却不能下单)

成功选到可以配送的商家并不代表流程结束,接下来还要重复“换一个”或“要这个”的对话,直到把想要的菜品都配齐。唯一便捷的只有“再来一单”了,但请相信我,就算是生活中处处面临着不便的视障人士,也受不了每餐都吃一样的东西。

做出了一副看起来很美好的模样,但美团特地打造的无障碍外卖功能没有做到无障碍,有的情况下甚至比直接阅读屏幕更费时费力费口舌。无障碍外卖模式,可不是做个普通人看起来很好的界面就行。

无障碍工作,应该有颗平常心

在即将于2020年3月正式实施的信息无障碍国标《GB/T 37668-2019信息技术互联网内容无障碍可访问性技术要求与测试方法》中,已经对互联网内容做出了较为细致实际的要求。

方法中提到,非文本的链接、控件和内容都应有替代文本进行说明;内容布局和组件都该具备可访问性,并且能正确被屏幕阅读器聚焦;文字内容也该有一致性、可理解性和兼容性。

如果以方法附录的无障碍可访问性等级来,对两款外卖App以及额外的无障碍外卖功能进行评判,恐怕连最基础的一级也无法达到。在大部分流程具有可用性的前提下,仍然有无法读出的控件或链接,在看不见手机屏幕的视障人士心中,就像是凭空出现的绊脚石。

(等级要求一览表)

不过,现在不具备充足的无障碍可访问性,不代表之后没办法改进。缺乏文字说明或标签,很可能源自于互联网企业中盛行的敏捷开发,完成的速度优先于完成度。如果能够适当放慢节奏,或是安排专人进行无障碍改进,就有可能做好无障碍化工作。

此前有公司表示,通过安排专人专项实现了针对视障人士的无障碍化,当时也得到了不少视障朋友的好评。在之后的版本更新中,无障碍化工作并没有持续进行,造成了旧有功能可用但新功能“看不见”的尴尬。

无障碍化工作,应该是日常化的、持续进行的工作,不该因特定事件或时间点而运动化进行。只有让无障碍化变成理所应当的事,才能让这些不平常的人可以和我们一样,平等地享受到科技的进步。

后台-插件-广告管理-内容页尾部广告(手机)
标签:

评论留言

我要留言

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。