无障碍标准 · 符合 WCAG 2.2 AA 级规范
无障碍设计标准与键盘快捷键
AutoSilenceCut 从底层严格遵循 WCAG 2.2 AA 规范构建,确保全键盘操作、高色彩对比度、读屏软件适配与减弱动态效果支持。
键盘导航与快捷键对照表
工作区内的所有操作均可直接通过键盘完成,无需依赖鼠标点击。
| 按键 / 组合键 | 触发操作 | 适用上下文 |
|---|---|---|
| 空格键 | 切换媒体播放 / 暂停 | 工作区任意视图 |
| J | 后退 2.0 秒 | 审听播放中 |
| L | 前进 2.0 秒 | 审听播放中 |
| K | 立即暂停播放 | 审听播放中 |
| R | 切换所选停顿剪切的“保留 / 恢复”状态 | 已选中的停顿 |
| ↑(上方向键) | 选择列表中上一个建议剪切的静音 | 停顿列表获得焦点时 |
| ↓(下方向键) | 选择列表中下一个建议剪切的静音 | 停顿列表获得焦点时 |
| ⌘ Z / Ctrl Z | 撤销上一次剪辑决定或设置更改 | 整个工作区 |
| ⌘ ⇧ Z / Ctrl Shift Z | 重做上一次被撤销的剪辑决定 | 整个工作区 |
| ? | 打开无障碍快捷键对话框 | 整个工作区 |
| Esc | 关闭当前对话框,并将焦点返回到触发它的控件 | 对话框打开时 |
| Tab / Shift+Tab | 按 DOM 逻辑顺序在交互控件之间前后移动 | 整个页面导航 |
WCAG 2.2 AA 合规支柱
我们如何通过界面设计令牌、DOM 结构与 ARIA 模式实现完整的无障碍访问。
色彩对比度标准(≥ 4.5:1)
无论是浅色模式(暖纸与墨色)还是深色模式(录音棚黑曜石与钢灰),所有文本与其背景之间的对比度均不低于 4.5:1;界面组件边界的对比度不低于 3.0:1。
清晰可见的焦点环(3px 强调色)
所有交互元素都配有醒目、高对比度的 3px 实线焦点环(:focus-visible),并保留 2px 偏移,确保键盘用户能清楚地跟踪当前位置。
读屏软件 ARIA 实时区域
异步操作(如扫描音频、重新计算静音剪切、统计节省时间)会通过 aria-live="polite" 以礼貌方式播报,不会抢占键盘焦点,也不会打断语音朗读。
减弱动态效果支持
检测到 prefers-reduced-motion: reduce 时,所有 CSS 变换与过渡效果都会立即停用,以保护易患前庭功能障碍的用户。