Repository navigation
[Feature] 面板无障碍批次一：aria-live / 焦点管理 / 逐项标注 / 图表摘要 #178
Description
背景
对面板前端做了第一遍 WCAG 导向审计。骨架及格：按钮/输入框基本都有 aria-label、装饰图标统一 aria-hidden、星级评分有 role="img"+数值标签、会话列表用 tree/treeitem 语义、大弹层有 role="region"+aria-label+Esc 关闭、开关控件有 aria-checked/aria-expanded。
系统性缺口（按 WCAG 四原则）：
| 缺口 | 位置 | 原则 |
|---|---|---|
| 状态变化无播报 | 保存成功/失败、队列刷新、resolve 完成——纯视觉 span，无 aria-live | 可感知 |
| 操作缺上下文 | 冲突队列「保留 A」读屏只听到「保留 A」，不知是哪一对 | 可理解 |
| 状态卡无语义 | 「最近巩固/待确认冲突」是纯 div，不可聚焦、无 heading 层级 | 可操作 |
| 弹层焦点管理 | 记忆库 sheet 开时不移焦、无 focus trap、关闭不还焦 | 可操作 |
| 图表无替代 | ego 关系图 SVG 无可访问名称与数据摘要 | 可感知 |
| 对比度未审计 | 三级灰字 11px 在浅色主题下疑似低于 4.5:1 | 可感知 |
方案（分四小项，可分别认领）
- aria-live 网络（新手友好）：保存/失败/刷新结果包一层
aria-live="polite"；错误用role="alert" - 状态卡语义化（新手友好）：状态卡改
role/heading 结构，冲突卡可聚焦可回车直达 - 逐项操作标注：冲突按钮 aria-label 带上对应记忆标题；弹层焦点管理（开时移焦、trap、关闭还焦）
- 图表摘要 + 对比度审计：ego 图加 aria-label 与文本摘要；对比度依赖宿主主题变量，需与宿主侧联调
验收
- 读屏（NVDA/VoiceOver 任一）完成：保存一条记忆、裁决一个冲突、浏览详情抽屉，全程无「哑」反馈
- 全键盘可完成上述流程
Activity
Merge pull request #264 from slow-stack/feat/178-a11y-batch1
feat(a11y): 面板无障碍批次一——aria-live 播报网络、语义标题、焦点圈与图摘要 (slow-stack#178)
feat(preview): 注入预览卡 + /inject-preview 旁路快照端点 (slow-stack#179)
Merge pull request #295 from slow-stack/feat/177-conflict-queue-ui
modusensus commentedon Sep 23, 2026
进度对账（PR #295 已合并 main）：
本 issue 先保持开放，只留对比度联调一项；联调完成或决定按宿主侧推进时关闭。
feat(panel): 冲突队列交互与视觉重做 + 侧边栏冲突 badge（slow-stack#177，联动 slow-stack#178…
fix(a11y): 收口 CodeRabbit 三条评审意见（#178）
Merge pull request #407 from slow-stack/fix/178-contrast
fix(a11y): 面板对比度达标 WCAG AA，改用面板自己的语义色层（slow-stack#178）
release: v0.8.16 发布准备
release: v0.8.16 发布准备
fix(panel): 引导请求在飞时，记忆库弹层不许被关掉，菜单也不许开
feat(panel): 面板补移动端断点，记忆页与实体页的两栏骨架在窄容器里叠放