canon-interaction - 设计交互式 UI 状态
设计和审计交互状态、焦点管理、键盘导航和点击目标
标签
更新于: 2026-05-28能力
典型输入
典型输出
该技能可以做什么
- 设计交互状态
- 审计交互状态
- 管理焦点
- 实现键盘导航
- 定义点击目标
- 处理拖放
- 处理用户输入
- 定义视觉状态
- 实现焦点环
- 定义悬停状态
- 定义激活状态
- 定义禁用状态
- 实现加载状态
输入
- 设计规范
- UI 元素
- 无障碍指南
- WCAG 要求
- WAI-ARIA 实践
输出
- 交互状态代码
- 焦点管理代码
- 键盘导航代码
- 点击目标定义
- 无障碍方案
要求
- WCAG 2.2 合规性
- WAI-ARIA 支持
- CSS focus-visible 支持