关于 fixing-accessibility
fixing-accessibility 是用于审查和修复 UI 组件无障碍问题的技能,面向开发交互控件、表单和对话框的开发者。它着重提供代码层面的修复,同时保留视觉设计意图。
主要功能
- 01检查 ARIA 标签
- 02审查键盘导航
- 03发现焦点管理问题
- 04检查颜色对比度
- 05改进表单错误提示
适用场景
- 01审查 UI 组件的无障碍性
- 02修复对话框的键盘操作
- 03改进表单错误提示的无障碍性
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill fixing-accessibility安装后在 Claude Code 中输入/fixing-accessibility确认已加载。
附带文件stub.yaml
详细介绍
修复无障碍功能
目录占位条目 — 完整技能:ibelick/ui-skills
决策树
-
是否已安装完整技能?
- 全局:
f=~/.agents/skills/fixing-accessibility/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" - 项目:
f=.agents/skills/fixing-accessibility/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" installed→ 技能已安装为fixing-accessibility,调用它并继续pointer→ 转到第 2 步
- 全局:
-
检测范围,然后安装:
[ -e ~/.agents/skills/fixing-accessibility ] && echo "global" || echo "project"全局:
npx skills add ibelick/ui-skills --skill fixing-accessibility -g -y项目:
npx skills add ibelick/ui-skills --skill fixing-accessibility -yClaude Code: 发送以
!开头的命令作为聊天消息,即可在不退出对话的情况下运行该命令。
注意事项
- 许可证: MIT
安装后调用
- 技能名称:
fixing-accessibility - 触发短语:"修复无障碍功能"、"无障碍审查"、"ARIA"、"键盘导航"、"焦点管理"
功能
审查组件是否存在缺失或错误的 ARIA 标签、键盘导航路径中断、焦点管理缺陷、颜色对比度不达标,以及不可访问的表单错误模式。应用具体的代码级修复,让组件符合无障碍标准,同时保留视觉设计意图。在添加交互控件、表单或对话框,或审查 WCAG 合规性时使用。
不适用场景
- 需要专业路由的整站、文档(Office/PDF)或 Markdown 无障碍审查 — 使用
accessibility-agents - 需要人工验证步骤的结构化 WCAG 2.2 审查 — 使用
wcag-audit-patterns
评论
支持 Markdown