钱迹无障碍体验优化说明

作者:钱迹李唐

日期:2026-08-01

版权归作者所有,转载请注明出处

大家好,最近几天,我们集中优化了钱迹的无障碍体验,主要面向开启 VoiceOver(iOS)或 TalkBack(Android)读屏的朋友。目标很简单:尽量少靠猜、少靠长按和侧滑,也能把一笔记账做完,并听懂资产、统计和搜索里的关键信息。

无障碍这事,不是随便给按钮起个名字就完事,钱迹里金额、筛选、弹层特别多,一不小心就会读成「只剩个图标」、负数听成正数,或者弹窗关掉了下面还读不到。所以这次我们是按日常怎么用,一块一块把主流程过了一遍。

我们整理了几条简单的要求

  1. 控件要有明确名字:按钮、输入框、开关,尽量听得出「这是做什么的」,而不是只听到一个图标。
  2. 状态要说清楚:已选中 / 未选中、已折叠 / 已展开、筛选是否已应用,尽量读出来。
  3. 金额要能听出正负:结余为负、资产负债为负时,会明确读出「负」或英文的 minus,避免把 - 漏掉。
  4. 主路径尽量短:记一笔支出,不要求先学会长按、边缘滑动等隐藏手势。
  5. 弹层关掉后,下面还能继续读:筛选遮罩、账本 / 分类弹窗收起后,不应再挡住列表和汇总。

下面按模块列了一张张对照表,方便大家开着读屏对照听。示例只是大概说法,金额、日期会随你自己的数据变。

记账:从「添加账单」到保存播报

这是我们最先打通的路径。尽量用「右滑找下一个 → 双击激活」就能完成一笔支出。

控件 大概会听到(示例)
首页中央「+」 添加账单
「+」自定义动作(可选) 记收入
记账页关闭 关闭
类型 Tab 支出 / 收入 / 转账;当前项含「已选中」
分类 分类名;选中后含「已选中」;有子分类有提示
账户入口 当前账户,现金
账户列表项 账户名,余额…;已选中
日期 记账时间,今天 14:30(或具体日期)
备注 备注(编辑框)
金额 金额 12.5;提示使用下方键盘输入
金额键盘 数字、删除、加、减、小数点、保存、再记
删除键动作 清空金额
保存成功 已保存:支出 交通 60元,资产 …
列表新账单 支出 交通 60元,资产 招商银行信用卡,备注 xxx(不读负数)
详情操作 编辑 / 删除 / 复制 有明确名称
预览金额行 金额,60元…(不读负数;可含换算 / 优惠 / 标记)
预览标签行 标签,xxx,yyy
预览图片行 图片 x 张;可进大图
预览备注行 备注 xxx;双击可复制

补充一句:普通双击「+」还是添加账单;「记收入」放在读屏自定义动作里,不会再误当成主提示一起读出来。

资产页:顶部数字和负余额更清楚

位置 大概会听到(示例)
顶部 净资产 / 显隐 / 总资产 / 总负债各自独立;负数含「负」;总资产 / 总负债可点
资产行 名称,余额 负 xxx,不计入…
分组头 名称,合计 xxx,已折叠;提示双击展开

意见反馈(抽查)

位置 大概会听到(示例)
类型 Chip 反馈类型:建议;选中有播报
附件 添加 / 删除有名称
Tab 全部反馈 / 我的反馈

统计页:汇总、分类、时间表能听懂

统计页信息最密。进入后应能落到日期或汇总,不要空转半天听不到关键内容。

位置 大概会听到(示例)
汇总格 总支出 / 总收入 / 总结余 / 总报销,金额口语化
结余为负 总结余,负的 12.5
图片格 图片 x 张;折叠按钮有展开 / 收起名称
分类行 餐饮,30%,金额…;环比可读
时间表行 8月1日(勿读成「八分之一」),收入…,支出…,结余…
成员卡 张三,金额,占比
图表区 有短摘要或选中播报
支出 / 收入切换 支出,已选中
筛选 统计筛选,已应用 / 未应用
日期中心按钮 选择统计日期,当前 2026年7月;上一 / 下一周期有名称
币种筛选 币种筛选 + 当前币种(有多币种时)
饼图空态 暂无分类数据

账单图片相册

从统计或搜索里的「图片 x 张」进入。有图时可以抽查一下。

位置 大概会听到(示例)
入口 「图片 x 张」可进相册
返回 有名称
月分组 2026年7月,已折叠;双击展开
网格格 交通 支出 60.00元 7月20日(短摘要)
空态 无数据 / 无搜索结果可读
预览操作 关闭 / 分享 / 保存有名称
翻页 第 x 张,共 y 张
底部账单卡 摘要可读;可点查看账单

搜索页:筛选、汇总与弹层

从首页 / 侧边栏等进入全局搜索。和日常查账关系很大,也是最近补得比较细的一块。

主路径

位置 大概会听到(示例)
搜索入口 可进搜索页
返回 有名称
搜索框 / 清空 搜索框有名称;清空为「清除搜索」
精确 / 模糊 精确搜索,已选中 / 模糊搜索,已选中
顶栏筛选 日期筛选,本月;已筛含「已应用」。更多 / 账本同理
无结果 暂无账单(或类似空态)
有结果时 汇总、分组头、账单行都能右滑聚焦,不被透明遮罩挡住
账单行 支出 交通 60元,资产…

筛选面板与结果汇总

位置 大概会听到(示例)
日期面板 账单时间,本月,已选中;自定义起止有上下文;确认可读
更多筛选项 账单类型,支出,已选中;账单图片,有图片;账单来源,手动记录(不要只听到一个「全部」)
开关类选项 含已选中 / 未选中
标签 / 分类 / 资产入口 有名称;已选时读摘要,如「标签,吃饭 等 2 项」
重置 / 确认 / 金额 重置、确认有名称;金额最小 / 最大有提示;清空读「清空金额」
结果汇总 总支出 / 总收入 / 总结余(负读「负的」);共 x 笔;按时间排序;图片 x 张
结果分组头 7月,收入 …,支出 …
筛选遮罩 关闭筛选;关掉后列表 / 汇总仍可读

选择账本

位置 大概会听到(示例)
标题 选择账本,共 6 个(不要只听「选择账本(6)」不知数字啥意思)
账本项 日常账本,已选中 / 未选中(不读封面、成员数那些)
弹窗外遮罩 关闭弹窗

选择分类

交互和改之前一样:有子分类时,点行是展开 / 折叠,勾选框才是选中。

位置 大概会听到 / 行为(示例)
一级有子分类 · 行 餐饮,已折叠(可含已选子分类数);双击仍是展开 / 折叠
一级勾选框 餐饮,已选中 / 未选中
一级无子分类 整行一个焦点;含已选中 / 未选中
二级分类 整行一个焦点,如「地铁,未选中」;双击整行切换选中
弹窗外遮罩 关闭弹窗

如何试用

任选一端即可:

  • iOS:设置 → 辅助功能 → 旁白;或按你设备上已设置的旁白快捷方式打开。
  • Android:设置 → 无障碍 → TalkBack → 打开。

常用手势:右滑下一个、左滑上一个、双击激活。少数操作(例如首页「+」的「记收入」)在自定义动作里,需要上滑 / 下滑切换动作后再双击。

建议优先走这条最短路径:

  1. 开启读屏 → 添加一笔支出 → 听保存播报
  2. 再抽查:资产顶部数字 → 统计汇总 / 负结余 → 搜索筛选与选分类

还想说明的一点

无障碍这事,很难一口气做完,而且这次 UI 大改版,很多页面节点都变了。钱迹页面多,系统读屏也不一样,听起来的感觉可能差不少。记账、资产、反馈、统计、图片、搜索这些常用的,我们尽量都顺了一遍,但肯定还有边边角角不够舒服的地方。

如果你在使用中遇到:

  • 某个按钮没有名字,或只读到图标;
  • 弹窗关掉后,下面列表读不到;
  • 多选时听不出「未选中」;

欢迎到 App 内反馈里告诉我们,最好写明:系统(iOS / Android)、读屏类型、页面路径、你听到了什么、期望听到什么。案例越具体越好。

谢谢~

results matching ""

    No results matching ""