a11y
starsforks
How to install a11y?
lightpointventures/claude-code-starter/a11y
$npx -y skills add lightpointventures/claude-code-starter --skill a11y当用户想检查无障碍性、添加 ARIA 标签、修复键盘导航或对比度问题时使用 — 检查并修复网站无障碍性问题
SKILL.md
| 1 | # 无障碍检查 |
| 2 | |
| 3 | 帮用户检查并修复网站的无障碍性问题，让更多人能使用你的网站。 |
| 4 | |
| 5 | ## 步骤 |
| 6 | |
| 7 | ### 1. 扫描无障碍问题 |
| 8 | |
| 9 | 读取项目中的 HTML 和组件，检查： |
| 10 | |
| 11 | - **图片** — 是否有 alt 属性，描述是否有意义 |
| 12 | - **表单** — 输入框是否有 label，错误提示是否可读 |
| 13 | - **按钮/链接** — 是否有可识别的文字或 aria-label |
| 14 | - **颜色对比** — 文字和背景的对比度是否达标（WCAG AA: 4.5:1） |
| 15 | - **键盘导航** — 是否可以用 Tab 键访问所有交互元素 |
| 16 | - **语义化** — 是否使用了正确的 HTML 标签（nav、main、article 等） |
| 17 | - **焦点样式** — 键盘聚焦时是否有可见的指示 |
| 18 | |
| 19 | ### 2. 输出报告 |
| 20 | |
| 21 | ``` |
| 22 | ## 无障碍检查报告 |
| 23 | |
| 24 | ### 必须修复（影响可用性） |
| 25 | - [文件:行号] 问题 + 修复方案 |
| 26 | |
| 27 | ### 建议改进 |
| 28 | - [文件:行号] 改进建议 |
| 29 | |
| 30 | ### 合规状态 |
| 31 | - WCAG AA 合规：是/否 |
| 32 | ``` |
| 33 | |
| 34 | ### 3. 执行修复 |
| 35 | |
| 36 | 用户确认后修复所有问题。 |
| 37 | |
| 38 | ### 4. 完成 |
| 39 | |
| 40 | > 无障碍修复完成。你的网站现在对键盘用户和屏幕阅读器更友好了。 |
People who liked this also viewed
6 picksType
- find-skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skSkillsJul 2026
- grill-meA relentless interview to sharpen a plan or design.SkillsJul 2026
- vercel-react-best-practicesVercel's official collection of agent skillsSkillsJul 2026
- improve-codebase-architectureScan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.SkillsJul 2026
- setup-matt-pocock-skillsConfigure this repo for the engineering skills — set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.SkillsJul 2026
- triageMove issues and external PRs through a state machine of triage roles — categorise, verify, grill if needed, and write agent-ready briefs.SkillsJul 2026
