Type
Enhancement
描述
TTS 语音朗读界面(桌面端 TTSPage + FloatingTTSBubble、移动端 TTSPage + TTSMiniPlayer)存在两个体验问题:
1. 按钮缺少功能提示
传输控制区的五个按钮(上一句、重播、播放/暂停、停止、下一句)仅靠图标表达含义,没有 title/tooltip(桌面端)也没有 accessibilityLabel(部分场景),新用户需要靠猜测或试错才能理解各按钮功能。
现状:
- 桌面端 TTSPage:按钮有
aria-label,但没有 title,鼠标悬停无提示
- 桌面端 FloatingTTSBubble 迷你播放器:播放/暂停、上一句、下一句、重播、语速加减既无 title 也无 aria-label
- 移动端 FloatingTTSBubble:气泡主按钮无 accessibilityLabel
- 移动端 TTSMiniPlayer:播放/暂停、语速加减、跳到当前位置、跳到歌词页无 accessibilityLabel
建议:为所有按钮添加 title(桌面端悬停提示)和 aria-label / accessibilityLabel(无障碍),让用户无需猜测。
2. 状态文案用语不契合「朗读」场景
当前播放状态显示「正在播放」,更适合音乐播放器场景,用于语音朗读显得不够自然。建议调整为「正在朗读」,英文对应调整为 "Reading"。
涉及 i18n key:tts.playing
3. (附带发现)移动端 TTSMiniPlayer 存在硬编码文案
packages/app-expo/src/components/tts/TTSMiniPlayer.tsx 中有两处硬编码中文,未走 i18n:
// 第 133-137 行:状态文案硬编码
const statusText =
playState === "loading" ? "加载中…"
: playState === "playing" ? "播放中"
: playState === "paused" ? "已暂停"
: "已停止";
// 第 191 行:书名 fallback 硬编码
{currentBookTitle || "正在听书"}
建议改为使用 t("tts.playing") 等 i18n key,保持多语言一致性。
Type
Enhancement
描述
TTS 语音朗读界面(桌面端 TTSPage + FloatingTTSBubble、移动端 TTSPage + TTSMiniPlayer)存在两个体验问题:
1. 按钮缺少功能提示
传输控制区的五个按钮(上一句、重播、播放/暂停、停止、下一句)仅靠图标表达含义,没有 title/tooltip(桌面端)也没有 accessibilityLabel(部分场景),新用户需要靠猜测或试错才能理解各按钮功能。
现状:
aria-label,但没有title,鼠标悬停无提示建议:为所有按钮添加
title(桌面端悬停提示)和aria-label/accessibilityLabel(无障碍),让用户无需猜测。2. 状态文案用语不契合「朗读」场景
当前播放状态显示「正在播放」,更适合音乐播放器场景,用于语音朗读显得不够自然。建议调整为「正在朗读」,英文对应调整为 "Reading"。
涉及 i18n key:
tts.playing3. (附带发现)移动端 TTSMiniPlayer 存在硬编码文案
packages/app-expo/src/components/tts/TTSMiniPlayer.tsx中有两处硬编码中文,未走 i18n:建议改为使用
t("tts.playing")等 i18n key,保持多语言一致性。