技术人文 | 焦点:视觉辅助功能的基础

你知道吗?几乎每一百个人里,便有一个没法用视觉感受世界。在中国,视障人士数量已经超过1700万,相当于一个深圳常住的人口数量。

而在互联网时代,智能手机成为了信息的入口,但对于视障人士来说,看不见屏幕是不是就意味着不能使用智能手机、丧失接收信息的权利了呢?

当然不!视障人士也可以使用手机,而且使用效率一点也不差!那你知道他们是如何使用的,小米在这方面又做了什么吗?

c61ebedfefdffd29bda4a6bea1e6c506.png

(图:屏幕阅读器TalkBack开启界面图)

不同于用“看”的,视障用户使用手机是用“听”的。只要使用视觉辅助功能—屏幕阅读器(安卓叫TalkBack,iOS叫VoiceOver/旁白),就可以“听”到手机上的内容。

屏幕阅读器开启方式

  • 安卓同时按住“音量+”与“音量-”打开TalkBack,或通过【设置】-【更多设置】-【无障碍】-打开TalkBack

  • iPhone:【设置】-【通用】-【辅助功能】打开【旁白】

  • Windos/Mac:分别通过搜索开启【讲述人】与【旁白】,打开功能。

但屏幕阅读器到底是怎么运作的呢?那就要从“焦点”讲起了。

● 焦点是什么?

"焦点(Focus)"就像屏幕阅读器的眼睛,负责聚焦页面内容(每一项内容称为一个“元素”),获得焦点的元素会被方框标记,成为被选中的状态。

当使用屏幕阅读器时,屏幕阅读器会检测"焦点(Focus)",并且识别焦点内容,然后由TTS把识别的内容朗读出来。如此视障用户听见播报,便知道正在浏览什么。

在相对理想的交互情况下,焦点会首先集中在页面最左、最上方的元素,像日常阅读一样,右滑移动焦点的顺序从屏幕的顶部到底部流动,从左至右进行排布

不过,同样有程序员会将焦点优先设置在大标题、登录按钮等优先级高的元素,从而让用户尽快了解页面主要内容或完成主要操作。

1cca69097d1de50f95c85e142d5f5bf1.png

(图:MIUI系统【设置】应用界面,第一个获得焦点的是大标题“设置”,第二个是搜索框)


● 怎么切换焦点?

那要如何浏览页面其他内容呢?这时候需要向右滑动,切换到下一个焦点;向左滑动则可以返回上一个焦点;双击屏幕则可以“激活”焦点(相当于正常使用时,手指点击一下)。比如,有一个链接获得了焦点,双击就可以跳转进这个链接。

有些用户更喜欢使用电脑操作。电脑端的操作也一样,通过Tab键向右移动焦点、Shift+Tab键向左移动焦点、回车激活焦点。

除了左右划动,还有一种切换焦点的方式。假如你已经很熟悉某个界面,知道元素大致位置,就可以直接单击某个元素,焦点就会改变位置,从之前聚焦的元素跳到正在触摸的内容。就像是读一本书可以直接从中间开始,不需要一页页翻过去,快速省时!

● 假如工程师忘了加焦点


在理想状态下,页面的所有元素都被加上了焦点,那么你只要手指右划、右划,听见语音跟随着焦点依次朗读,页面内容全get!

但如果程序员忘记给某个元素标上焦点,它就被忽略了,无论如何左右划动都选不中,就像披上了一层隐身衣,屏幕阅读器“看不见”,语音朗读更是无从谈起。

像是弹窗页面的关闭按钮、动态滚动的广告图片,许多视障用户都有被困在弹窗广告里打转的经历,怎么也选不中那个小小的“×”,无法退出,只能一次次在屏幕上猛戳,希望能幸运戳中。

e981bea6729d33543d5c13fa28892eaf.png

(图:某应用界面,悬浮窗的关闭按钮没有设置焦点,以致无法选中并关闭)

● 焦点也不是有加就好

焦点也不是只要加上了就好,多加焦点焦点未分等也会让视障用户使用困难。比如:一字排开的几个按钮,焦点没有拆分,屏幕阅读器就会直接读取一整行,无法单独选中其中一个。

想象一下,你点进购物APP,想要秒杀一款打折的家具,却听见TTS把桌椅板凳沙发吊灯像报菜名一样念完,但没告诉你现在焦点选中了哪个,是不是很让人抓狂?

a20aa8f6484412d7dad1822fe32f9445.png

(图:某应用界面,因焦点没有分割,导致一行中的不同元素共享同一个焦点)


国内厂商中,MIUI系统的无障碍适配走在前列,针对信息无障碍的起步也较早,经过程序员的无障碍意识普及、软件Bug的持续排查,以及公司对于用户平等使用手机权利的重视。系统自带的APP经过几次收集用户反馈与自我筛查,已经基本杜绝了无焦点、多焦点、焦点顺序错误等问题。

d5153342d1873351675a1619ed65bb9a.png

(图:MIUI在微博与用户互动,无障碍产品负责人在线解答问题)

然而,除了MIUI的原生应用外,部分非小米系的应用无障碍适配可能没有那么好,欢迎大家开启屏幕阅读器一同尝试,看看你手机里的应用,是不是都有加上焦点呢?如果没有,也欢迎你们主动反馈,让每个应用的无障碍都适配得更好!

无障碍是一条漫长的路,也希望有更多人成为我们的同路人,相信信息世界全面适配无障碍的那天,一定会更快到来,让全球每个人都能享受科技带来的美好生活!

  • 实用TIPS

在安卓系统里,如果你想要给一个view加上屏幕阅读器的焦点,可以使用以下方法:

view.sendAccessibilityEvent(AccessibilityEvent.TYPE_VIEW_FOCUSED);

(右滑查看完整代码)

然而,单单有了焦点并不能使视障人士顺畅使用手机。还需要为焦点添加“标签”,从而能被TTS朗读。那么标签是什么,为什么要添加标签,使用场景及添加规范又是什么呢?

我们会在“技术人文”后续系列中跟大家介绍,记得关注小米技术,订阅话题!

END

6fc61181762955a553342be6d6834ed7.gif

676d0161db7cc55e8362374bb104e261.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值