mcpField
F
fixing-accessibility

fixing-accessibility

github.com/podo设计与 UI29223 次安装3 天前更新
代码仓库

关于 fixing-accessibility

fixing-accessibility 是用于审查和修复 UI 组件无障碍问题的技能,面向开发交互控件、表单和对话框的开发者。它着重提供代码层面的修复,同时保留视觉设计意图。

主要功能

  1. 01检查 ARIA 标签
  2. 02审查键盘导航
  3. 03发现焦点管理问题
  4. 04检查颜色对比度
  5. 05改进表单错误提示

适用场景

  1. 01审查 UI 组件的无障碍性
  2. 02修复对话框的键盘操作
  3. 03改进表单错误提示的无障碍性

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill fixing-accessibility

安装后在 Claude Code 中输入/fixing-accessibility确认已加载。

附带文件stub.yaml

详细介绍

修复无障碍功能

目录占位条目 — 完整技能:ibelick/ui-skills

决策树

  1. 是否已安装完整技能?

    • 全局: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 步
  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 -y
    

    Claude Code: 发送以 ! 开头的命令作为聊天消息,即可在不退出对话的情况下运行该命令。

注意事项

  • 许可证: MIT

安装后调用

  • 技能名称:fixing-accessibility
  • 触发短语:"修复无障碍功能"、"无障碍审查"、"ARIA"、"键盘导航"、"焦点管理"

功能

审查组件是否存在缺失或错误的 ARIA 标签、键盘导航路径中断、焦点管理缺陷、颜色对比度不达标,以及不可访问的表单错误模式。应用具体的代码级修复,让组件符合无障碍标准,同时保留视觉设计意图。在添加交互控件、表单或对话框,或审查 WCAG 合规性时使用。

不适用场景

  • 需要专业路由的整站、文档(Office/PDF)或 Markdown 无障碍审查 — 使用 accessibility-agents
  • 需要人工验证步骤的结构化 WCAG 2.2 审查 — 使用 wcag-audit-patterns

评论

支持 Markdown