钱迹无障碍体验优化说明
作者:钱迹李唐
日期:2026-08-01
版权归作者所有,转载请注明出处
大家好,最近几天,我们集中优化了钱迹的无障碍体验,主要面向开启 VoiceOver(iOS)或 TalkBack(Android)读屏的朋友。目标很简单:尽量少靠猜、少靠长按和侧滑,也能把一笔记账做完,并听懂资产、统计和搜索里的关键信息。
无障碍这事,不是随便给按钮起个名字就完事,钱迹里金额、筛选、弹层特别多,一不小心就会读成「只剩个图标」、负数听成正数,或者弹窗关掉了下面还读不到。所以这次我们是按日常怎么用,一块一块把主流程过了一遍。
我们整理了几条简单的要求
- 控件要有明确名字:按钮、输入框、开关,尽量听得出「这是做什么的」,而不是只听到一个图标。
- 状态要说清楚:已选中 / 未选中、已折叠 / 已展开、筛选是否已应用,尽量读出来。
- 金额要能听出正负:结余为负、资产负债为负时,会明确读出「负」或英文的 minus,避免把
-漏掉。 - 主路径尽量短:记一笔支出,不要求先学会长按、边缘滑动等隐藏手势。
- 弹层关掉后,下面还能继续读:筛选遮罩、账本 / 分类弹窗收起后,不应再挡住列表和汇总。
下面按模块列了一张张对照表,方便大家开着读屏对照听。示例只是大概说法,金额、日期会随你自己的数据变。
记账:从「添加账单」到保存播报
这是我们最先打通的路径。尽量用「右滑找下一个 → 双击激活」就能完成一笔支出。
| 控件 | 大概会听到(示例) |
|---|---|
| 首页中央「+」 | 添加账单 |
| 「+」自定义动作(可选) | 记收入 |
| 记账页关闭 | 关闭 |
| 类型 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 → 打开。
常用手势:右滑下一个、左滑上一个、双击激活。少数操作(例如首页「+」的「记收入」)在自定义动作里,需要上滑 / 下滑切换动作后再双击。
建议优先走这条最短路径:
- 开启读屏 → 添加一笔支出 → 听保存播报
- 再抽查:资产顶部数字 → 统计汇总 / 负结余 → 搜索筛选与选分类
还想说明的一点
无障碍这事,很难一口气做完,而且这次 UI 大改版,很多页面节点都变了。钱迹页面多,系统读屏也不一样,听起来的感觉可能差不少。记账、资产、反馈、统计、图片、搜索这些常用的,我们尽量都顺了一遍,但肯定还有边边角角不够舒服的地方。
如果你在使用中遇到:
- 某个按钮没有名字,或只读到图标;
- 弹窗关掉后,下面列表读不到;
- 多选时听不出「未选中」;
欢迎到 App 内反馈里告诉我们,最好写明:系统(iOS / Android)、读屏类型、页面路径、你听到了什么、期望听到什么。案例越具体越好。
谢谢~