0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

借助 Google 无障碍功能,小红书打造贴心服务|Android 开发者故事

谷歌开发者 来源:未知 2023-11-29 17:40 次阅读

发现、记录、分享,视频、图文、直播……如今的互联网世界已经如此丰富多彩,吸引着无数人每天造访。但有一个事实可能被忽视了:"无数人",并不等于 "每一个人"。尤其是对视力障碍人群来说,"丰富多彩" 的多媒体世界似乎总是那么遥远。

根据世界卫生组织的数据,全球只有 36% 的屈光不正人口,以及 17% 的白内障人口接受了适当干预,绝大多数视力受损人口并没有得到必需的医学支持,光是在我国就有 1,700 多万视觉障碍人口 (屈光不正、白内障、糖尿病、老龄化等都可能造成视觉障碍)。在日常生活中也有许多临时性的视力障碍场景,比如手术后的恢复期,或者其他不便于查看屏幕的环境等,都会让人们无法通过眼睛接收来自屏幕的信息

  • 盲症和视力损害
    https://www.who.int/zh/news-room/fact-sheets/detail/blindness-and-visual-impairment

但有一点是毋庸置疑的,即便是在光芒无法触达的地方,生活也依然在继续着。对于坚守着 "Inspire Lives 分享和发现世界的精彩" 使命的小红书团队来说,这些生活也同样精彩,这些用户也同样重要。全面支持 Android TalkBack 屏幕阅读服务,就是小红书团队给这些用户交出的答卷。

△ 小红书在 10 月 15 日国际盲人日正式全面支持 TalkBack

平台级的无障碍支持

对于任何打算提供无障碍功能的产品团队来说,"标准化" 都是一个必须要解决的问题: 对于视力健全的人群,每使用一个应用都要换一种交互如果能称作 "麻烦",对视力障碍用户来说则是 "天堑" 了。 这也是 Android 平台的屏幕阅读器 TalkBack 要做的事情: 标准的、全局的设置和无障碍交互方式,可以让用户用尽可能小的成本掌握最通用的屏幕阅读交互方式。而且很多手势操作甚至和非 TalkBack 下的交互只是多用一根手指而已,对需要临时使用 TalkBack 功能的用户来说,这也极大降低了切换门槛。 △ 小红书从 "登录/注册/个人信息保护提示" 这一步开始就支持 TalkBack wKgaomVnCCmAf8isAAVAuXcONoI676.jpgwKgaomVnCCmAffHjAANRUoV6KCo079.jpgwKgaomVnCCqAJbJKAAAB9HMeCxA083.svg

△ 左右滑动查看

手指滑到哪个控件就会将其内容朗读出来

wKgaomVnCCqAJbJKAAAB9HMeCxA083.svg  wKgaomVnCCqAV54EAAiadF_gf1Y246.png△ 三指点击屏幕就可以打开全局的 TalkBack 菜单
  • 开始在 Android 设备上使用 TalkBack
    https://support.google.com/accessibility/android/answer/6283677?hl=zh-Hans

无障碍框架本身也是脚手架

其实对小红书团队来说,无障碍体验本身并不是一个陌生的话题。毕竟现代应用中常见的 "字体大小设置" 以及设计中经常涉及的 "颜色对比度测试" 本身也有在一定程度上照顾到了弱视用户。但对于完全的 "触摸-语音" 交互模式,团队没有闭门造车,在一口气通读了 Google 无障碍开发指南之后,决定将所有的无障碍问题 (设计、开发和测试) 整合到一起统筹考虑。
  • 无障碍开发指南
    https://developer.android.google.cn/guide/topics/ui/accessibility

自动化测试: 找出薄弱点

TalkBack 的屏幕阅读交互上是基于 "触摸" 的,如果一个控件尺寸太小,用户压根就触摸不到,自然也就无法被朗读出来。所以团队会先使用 Google 专门为开发者们提供的 "Accessibility Scanner (无障碍扫描仪)" 应用来做一轮辅助测试,基于页面扫描结果中对触摸目标大小的修改意见来调整界面元素尺寸。wKgaomVnCCqABgJmAAE9hxWJRGs003.pngwKgaomVnCCqAZOz3AAFJ2Y8QSUY737.pngwKgaomVnCCqAJREDAAF5kV8TrfY785.png  

△ 左右滑动查看

Accessibility Scanner 能自动扫描屏幕元素,并给出尺寸和对比度等建议

  • 无障碍扫描仪
    https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor

设计: 规范化的描述逻辑

设计的目标是将繁复的操作落实到一套简明的范式中去。小红书的设计团队完整阅读了 Material Design 无障碍设计,并对其中的无障碍设计指南进行了消化整理,基于 TalkBack 所定义的规则,为小红书应用制定了一整套 TalkBack 的热区、手势和文案规范。wKgaomVnCCuABffAAASUUQwsD_o083.png△ 小红书团队的 TalkBack 规范 有些规范其实是 "反开发常识" 的,比如有些嵌套层级比较多或者内容比较密集的控件,从开发角度看需要做好标签和描述,但如果把这些都事无巨细地朗读出来,用户恐怕早就不耐烦了。这时团队会凑在一起商量如何对界面的热区进行更合理的划分,以及哪些信息可以被整合起来。比如首页双列笔记卡片可以作为整体来进行播报,只要将卡片的核心信息做整合,那么在用户界面层级上就只需要播报一次父布局内容即可,一来可以降低适配复杂度,二来也能减少用户的使用负担。wKgaomVnCC6AJc_VAAF9DHrVIyQ871.jpg△ 比如 "图片" "文本" "头像" "点赞" 等控件的朗读内容被合并简化成笔记卡片,一次性、有逻辑地完整读出 "Meow 的小家说,要不是亲自装修,真不敢相信这是同个卧室,344 赞"

开发: 难度不高,好处却不少

由于涉及到常规和 TalkBack 两套交互方式,以及既有代码也需要进行一些改造,开发团队一开始会在涉及到 TalkBack 无障碍功能时额外留出 2 天的工期。 不过好在 Google 的无障碍 API 的设计比较简洁,能直接覆盖 80% 以上的交互场景,其他不能直接适配的情况基本也只需要处理一下阅读器播报的顺序即可,甚至都不需要额外添加自定义的无障碍适配。 随着团队对 Android 无障碍框架的熟悉,越来越多更通用的无障碍工具类被沉淀出来,各个业务模块的适配成本肉眼可见的降低,在无障碍适配工作的后期,为每个无障碍功能需要留出的额外工期也只需要 1 天了。wKgaomVnCC6AHgxxAAH5gBs8OBg100.pngwKgaomVnCC6ARdwMAAJVkPaF2Y0716.pngwKgaomVnCC6AJEQZAAGEp3Zs1E8893.pngwKgaomVnCCqAJbJKAAAB9HMeCxA083.svg

△ 左右滑动查看

团队会基于自身业务对官方的 Accessibility 框架做进一步封装

wKgaomVnCCqAJbJKAAAB9HMeCxA083.svg  意外的收获是,因为 TalkBack 的运行依赖元素的命名和描述,这反而倒逼团队对界面组件的位置和命名进行了彻底的自查。一些之前没注意到的问题被 "顺便" 解决了:同一语义图形的命名文案得到了统一,个别弹窗没有退出按钮的问题得到了修复。wKgaomVnCC-AcHHdAALjNsuyp94789.png△ Android Studio 里检查界面元素

深入测试: 一切为了 "大考"

邀请团队外部真实的视障用户来进行测试是团队所有人都知道的 "大考"。但对一个功能模块繁多的应用来说,不可能每次有个小调整都 "大考" 一次。 因此团队对无障碍模式下的用户操作手势进行了深入的学习,同时也会开放性地吸纳其他应用中无障碍体验实践的经验,将测试任务拆分到各个业务模块里。在这些业务模块都完成一轮迭代后,再进行整体的无障碍功能集成测试,组织产品、设计、开发、测试全流程人员参与功能的探索性测试。待这一轮测试搜集到的反馈意见全部优化、修复完毕后,才会邀请外部视障真实用户来对产品进行 "大考"。 wKgaomVnCC-ACys7ABRf0LGb-VM726.pngwKgaomVnCCqAJbJKAAAB9HMeCxA083.svg

△ 左右滑动查看

真实用户测试是会让团队里每一个成员都紧张的 "大考"

wKgaomVnCCqAJbJKAAAB9HMeCxA083.svg      

无障碍是团队努力的成果

小红书的无障碍团队是一个由专业接口人统筹,由各业务部门支持的联合项目组。专业接口人负责无障碍专业知识沉淀、规则制定与项目管理,以保证无障碍的标准化和品质。这个项目组的工作始于大量的用户访谈和市场调研,以确保公司层面能理解 TalkBack 等无障碍体验的重要性,并获得公司层面的资源支持。

各业务部门则负责确保无障碍体验深入到具体的产品设计、研发与测试工作中。比如在实际开发流程里,无障碍适配工作启动前会有专人对各个业务模块的开发者们进行无障碍支持宣讲,并整理好开发文档、常见的无障碍适配场景和注意事项。

wKgaomVnCC-AXs_fAABYm3itkWE810.jpgwKgaomVnCDCAASb7AACUPuB3jug213.jpgwKgaomVnCDCAHASsAABw2pN3uuw773.jpgwKgaomVnCDCAfmauAADvB_8cV3o947.jpgwKgaomVnCCqAJbJKAAAB9HMeCxA083.svg

△ 左右滑动查看

从公司层面至上而下,和从个人层面至下而上推进无障碍体验实现

wKgaomVnCCqAJbJKAAAB9HMeCxA083.svg  无障碍功能正式上线后,还会有商务、公关、内容编辑等职能部门参与进来,配合进行团队内外部的合作宣传与活动策划。 在整个团队的努力下,小红书在 Android 平台首次适配 TalkBack 功能只耗时 3 个月 (2023 年 7 月立项9 月底随小红书应用 8.9 版本提交发布)。基本覆盖了核心用户流程:注册登录、首页导航、笔记消费与互动、搜索、个人主页、直播与笔记发布等十多项核心功能。
"我一下子感觉全面大升级,不是小升级。感觉一下子好操作了很多···以前就感觉哪里哪里都不顺" ——小红书用户反馈
wKgaomVnCDCAKZ5QAAHBBfOH2j8699.png△ 小红书 TalkBack 功能上线后用户反馈 △ 官方在 10 月 15 日国际盲人日发起的 "无碍分享,有爱生活" 专项活动

一个提醒: 好心也会办坏事

在某次 "大考" 之前,因为有些功能还没有完全完成适配,为了确保用户能获得 "正确的" TalkBack 体验,团队决定屏蔽部分内容,只让用户使用已经完成适配的功能。 结果专家用户对这个测试版本非常反对——虽然现在有些功能不好用不易用,但是至少能够摸索着使用,后续可以根据问题再优化,但是如果直接屏蔽功能等于区别对待了视障用户,也割裂了社区。
"我们要对用户一视同仁,无障碍功能适配还不完善不是用户的问题,而是我们的问题。" ——小红书无障碍团队
汲取这个教训后团队很快得到了回报。一位名为 "寅青看世界" 的用户想去博览会,但是主办方告知导盲犬无法入内,她在小红书上发布该事件的笔记后,大量的小红书网友为她提供了维权建议。最终主办方更改了规定,欢迎导盲犬进入。 无论是被帮助的人,还是伸出援手的人,在无障碍功能的帮助下,大家没有了身体机能上的区别,只有一个又一个不一样,却又联系在一起的生活。
"让每个人的生活都更美好,就是小红书社区的价值。" ——小红书产品团队负责人

拥抱更多的生活

小红书对无障碍体验的态度只有一个:加码。 无障碍项目在小红书公司内部的季度评比中获得了表彰,后续多个版本、多个平台的无障碍适配已经在陆续推进中。小红书团队还会将无障碍体验的支持覆盖到更多的用户群体中去,以满足有着各样不同需求的无障碍用户人群,同时会在线上线下举办主题活动,提供更多无障碍功能的推广、支持内容和服务,提高其在社区中的能见度。 考虑到老年人群体被无障碍体验问题困扰比较多,还会推出 "老年居家友好指南" 等活动,让老年用户社区也能积极参与到产品的使用和迭代中来。 wKgaomVnCDKAMrkqAB73bRKNXFo245.pngwKgaomVnCDKAYed5ABMLqbz5al4157.pngwKgaomVnCCqAJbJKAAAB9HMeCxA083.svg

△ 左右滑动查看

"老年居家友好指南" 活动

wKgaomVnCCqAJbJKAAAB9HMeCxA083.svg  随着时代的发展,"无障碍体验" 对开发者的意义也愈发重大:它不仅意味着更贴心的设计,更意味着实际的增长机遇和发展前景。 我们已经看到了小红书团队的答卷,这份答卷还没有完成,也许一直不会完成——因为应用的功能会继续演进,因为要覆盖的无障碍场景还会更多。但只要小红书团队还在考场上,"大考" 的考官们就会给出一个又一个的好评。 我们期待着在 Android 平台看到更多的开发者行动起来,为更多的用户打造贴心、周到的无障碍服务,让更多的用户得以加入到您的社区中来!

wKgaomVnCDKAMpsJAAATN9B0Fw0789.png

wKgaomVnCDKAGmBwAAMyGF3oQT4963.png

wKgaomVnCDOAaiMBAAAptPJQ2wE211.png


原文标题:借助 Google 无障碍功能,小红书打造贴心服务|Android 开发者故事

文章出处:【微信公众号:谷歌开发者】欢迎添加关注!文章转载请注明出处。


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 谷歌
    +关注

    关注

    27

    文章

    5861

    浏览量

    103268

原文标题:借助 Google 无障碍功能,小红书打造贴心服务|Android 开发者故事

文章出处:【微信号:Google_Developers,微信公众号:谷歌开发者】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    基于STM32H743IIT6开发的代码,是否能不经修改无障碍地运行在STM32H753IIT6上?

    基于 STM32H743IIT6 开发的代码,是否能不经修改无障碍地运行在STM32H753IIT6上?
    发表于 03-29 06:19

    Android 15的首个开发者预览版现已发布

    Android 15 的首个开发者预览版现已发布,以便各位开发者能与我们通力协作,打造更优秀的 Android 平台。
    的头像 发表于 03-12 14:16 320次阅读
    <b class='flag-5'>Android</b> 15的首个<b class='flag-5'>开发者</b>预览版现已发布

    苹果iOS 18和macOS 15无障碍功能升级

    Adaptive Voice Shortcuts功能可让用户把独特的口语短语绑定到无障碍设定中。用户能自行设定定制化短语,只需讲述这段话便能启动他们所需的辅助功能设置; 例如VoiceOver,语音控制,缩放等诸多现有辅助
    的头像 发表于 03-08 11:08 162次阅读

    鸿蒙开发者预览版如何?

    、原生智能、原生互联,6大极致原生体验。 我初步阅读了鸿蒙的源码后,基本上可以确定是全自研底座,已经看不到Android的身影了。作为开发者,如果想往鸿蒙方向发展,就需要系统性学起。鸿蒙的知识体系如下
    发表于 02-17 21:54

    鸿蒙系统优缺点,能否作为开发者选择

    开发的岗位需求,尤其在这个大环境不好的情况下,会引出更多岗位。 鸿蒙的开发岗位,不会内卷、薪资高、岗位多。对于开发者非常友好。 新型操作系统,比Android、ios更加安全实用。
    发表于 02-16 21:00

    您有一份OpenHarmony开发者论坛2023年度总结,请查收~

    ,OpenHarmony 开发者论坛也整理不同的榜单,让更多的人看到这些优秀的贡献。也为这些贡献突出的各位开发者准备了一些周边礼品,以表谢意。希望我们能一起把 OpenHarmony 开发者
    发表于 01-26 17:27

    HarmonyOS SDK,助力开发者打造焕然一新的鸿蒙原生应用

    六大领域的开发能力,为开发者带来简洁、高效的开发体验,开发者只需通过 API 调用即可实现丰富的鸿蒙原生应用功能和独特体验。同时,在
    发表于 01-19 10:31

    欢迎加入飞腾派开发者社区,感谢每一位开发者

    发烧友论坛一起策划了飞腾派开发板测评活动,受到了广大开发者的喜爱。 通过这次活动,飞腾派成功地吸引了众多高质量开发者的关注和参与,进一步扩大了其在开发者社区中的影响力。此次活动将电子
    发表于 12-11 16:11

    Google Play 游戏电脑版 | 助力开发者高效打造无缝跨设备游戏

    ZlongGames 借助 Google Play 游戏电脑版简化跨平台开发流程,成功为用户打造了无缝的跨设备游戏体验,用户留存率和付费率均有显著提升。 快来一起观看视频,了解 Zlo
    的头像 发表于 12-08 13:50 224次阅读
    <b class='flag-5'>Google</b> Play 游戏电脑版 | 助力<b class='flag-5'>开发者</b>高效<b class='flag-5'>打造</b>无缝跨设备游戏

    2023“科技无障碍”不谈价值观

    “实用”只是无障碍改造的第一步
    的头像 发表于 12-06 09:35 667次阅读
    2023“科技<b class='flag-5'>无障碍</b>”不谈价值观

    鸿蒙原生应用/元服务开发-开发者如何进行真机测试

    前提条件:已经完成鸿蒙原生应用/元服务开发,已经能相对熟练使用DevEco Studio,开发者自己有鸿蒙4.0及以上的真机设备。 真机测试具体流程如下 1.手机打开开发者模式 2.在
    发表于 11-30 09:46

    Google 无障碍功能更新 | 第二期

    为了让每个人都能体验精彩世界,Google 无障碍团队始终致力于打造更舒适的日常生活、更完善的无障碍体验。我们希望通过专题系列视频 "Google
    的头像 发表于 11-27 18:40 281次阅读

    【鸿蒙生态千帆起】HarmonyOS系统级地图与位置服务,赋能广大开发者

    提供精准的室内定位服务。 统一规范轻便调用,提供可定制更细致的地图服务 在HarmonyOS中,地图服务将直接集成在系统服务层,统一使用ArkTS语言进行定义
    发表于 11-22 10:37

    开发者福利月】听开发者故事,享节日福利

    以 1024 之名 向开发者致敬 感谢你们用键盘和屏幕构建出了 一个又一个令人惊叹的数字世界 开发者们,节日快乐! 听见你的故事 开发者们冷静沉着的外表下藏着一颗充满热情的心,在上篇文
    的头像 发表于 10-24 15:45 165次阅读
    【<b class='flag-5'>开发者</b>福利月】听<b class='flag-5'>开发者</b><b class='flag-5'>故事</b>,享节日福利

    在 I/O 看未来 | Android 开发者不能错过的 14 件事

    打造引人入胜的新体验。随着用户对跨屏幕 (特别是大屏和可穿戴设备) 体验要求的提升,节省时间的工具将变得愈发重要。在 Google开发者主题演讲 中,Android 团队也展示
    的头像 发表于 05-13 14:05 374次阅读
    在 I/O 看未来 | <b class='flag-5'>Android</b> <b class='flag-5'>开发者</b>不能错过的 14 件事