不用鼠标能下单吗?这款Skill来查

实现WCAG无障碍标准和屏幕阅读器支持。

accessibility-compliance 帮前端团队检查并改善界面的无障碍体验,覆盖键盘操作、表单标签、焦点管理和辅助技术支持。给 AI 页面与要完成的流程,它会查找操作障碍,提出或实施对应修复。

可以从一个具体问题开始:不用鼠标,能否填完表单、提交订单,再处理弹出的提示?按钮看得见但键盘到不了,或焦点进入弹窗后再也出不来,都会把用户卡在中途。

原文提倡优先使用有语义的原生元素,保留可见焦点,并让输入框与标签正确关联。动态结果也需要合适的提示方式,避免屏幕阅读器用户不知道页面刚发生了什么。用户选择减少动态效果时,界面也应尊重这种偏好。

检查可以结合 axe、Lighthouse 等自动工具,以及 VoiceOver、TalkBack 等人工操作。自动扫描能提供线索,却不能代替把关键流程走一遍,更不能单凭一个分数宣布符合全部标准。

它适合在改版或上线前把“页面能显示”推进到“不同操作方式的人能完成任务”。把残障用户纳入真实体验测试,往往还能发现规则检查之外的问题。

分类:编程开发

来源仓库:wshobson/agents

适合用来做什么

  • 请为我进行一个符合WCAG 2.2标准的可访问性审计。
  • 如何在移动应用中实现包容性设计模式?

安装 accessibility-compliance

npx skills add https://www.iskills.cc/skills/wshobson/agents/accessibility-compliance/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 accessibility-compliance 的用途与原始说明

浏览全部 Skill 指南