用途:Deer Sense 用于检查与修复界面可访问性障碍,适用于新建 UI 组件、审查现有界面、视觉改版后、重大发布前或出现无障碍投诉时。目标标准为 WCAG 2.1 AA。
主要能力:按五阶段推进。LISTEN 明确目标用户、残障类型与辅助技术,映射常见障碍;SCAN 用 axe-core CLI(npx axe https://localhost:5173 --tags wcag2aa)、Svelte 编译器警告、Showroom 组件隔离审计和 Glimpse 截图/主题矩阵/交互浏览发现机械性违规;TEST 手动验证键盘导航、屏幕阅读器、200% 缩放与 prefers-reduced-motion;GUIDE 用语义 HTML、焦点管理、ARIA 标签、表单关联和 44px 触控目标修复问题;PROTECT 将 axe-core 接入 vitest/CI、启用 eslint-plugin-svelte-a11y 并输出审计报告。
使用方式:用户可要求“check accessibility”“a11y audit”“make this accessible”“screen reader test”,或调用 /deer-sense。组件审计命令示例:uv run --project tools/glimpse glimpse showroom libs/engine/src/lib/ui/components/[path-to-component].svelte;截图与主题对比使用 glimpse capture 与 glimpse matrix。
限制:自动化工具仅能发现约 30% 的真实问题,必须配合真实辅助技术手动测试;不采用无障碍覆盖层或第三方补丁;不忽略认知可访问性;不抑制焦点轮廓;不以颜色单独传达信息。具体项目配置、依赖版本与完整参考文档需按实际环境确认。