无障碍HTML游戏开发技能
按照《无障碍HTML游戏开发规范》开发适配屏幕阅读器的HTML游戏,支持国内争渡读屏,兼顾全盲/低视力用户。
规范文件
accessible-html-game-development-spec.md - 完整开发规范
使用方式
当用户提到「无障碍游戏开发」、「开发无障碍游戏」、「accessible game」等关键词时,自动触发本技能:
- 读取完整开发规范
- 根据规范要求指导/生成无障碍HTML游戏代码
- 检查代码是否符合无障碍标准(ARIA语义、键盘导航、动态更新等)
- 提供符合规范的最佳实践建议
核心原则
- 全盲用户体验优先,兼顾低视力和明眼陪伴
- 所有操作必须能通过键盘+屏幕阅读器完成,不需要鼠标
- 每个可交互元素必须让读屏读出完整准确的当前信息
- 视觉美观辅助理解,不影响读屏操作
检查清单
开发完成后需要验证:
- 所有可交互元素都能Tab聚焦
- 每个可聚焦元素有完整的aria-label包含所有信息
- 状态变化后正确更新所有aria-label
- 常用操作有accesskey快捷键
- 有aria-live状态区域播报动态更新
- 焦点有清晰可见的轮廓
- 颜色区分清晰,兼顾低视力
- 模态对话框正确使用ARIA dialog属性
- 选项选择用按钮直接点击,不需要单选+确认