
一套克劳德技能的合集,用来镜像https://mgifford.github.io/ACCESSIBILITY.md
概览
基于示例/最佳实践指南的AI代理技能。每个技能都将完整示例提炼成代理可操作的规则。 如果您想通过 AGENTS.md 或 ACCESSIBILITY.md 文件(适用于GitHub Copilot、Cursor或任何AI代理)为项目添加无障碍指导,请参阅配套仓库: 。完整对比请参见 ACCESSIBILITY.md。阅读 AI 辅助无障碍审计指南。 关于一种互补的、以前端为重点的方法,强调通过信任浏览器而非ARIA工程,编写简约且可访问的HTML、CSS和JavaScript,请参见: 该技能与本仓库相符的关键原则: - — 原生元素( , , ) 覆盖在 ARIA 修改的 s 上 - — 使用正确的元素;ARIA 是 HTML 的补充,它不会取代 - — 你不写的每个 ARIA 属性都少了一个破坏的障碍 - — 使用 [aria-expanded=“true”] 作为 CSS 钩子,而不是添加冗余的修饰类 这两项技能是互补的:mikemai2awesome/agent-skills 涵盖了“如何写出可访问的......
概述(AI 翻译)
AI代理技能来源于examples/最佳实践指南。
每个技能都将完整示例提炼成可执行的规则。
examples/ 文件始终是正规的真理来源。
**寻找 AGENTS.md 方法?**如果你想通过
AGENTS.md或ACCESSIBILITY.md文件(适用于GitHub Copilot、Cursor或任何AI代理)为项目添加无障碍指导,请参见配套仓库:mgifford/ACCESSIBILITY.md。完整比较请参见 ACCESSIBILITY.md。 新作:不确定何时使用AI技能,何时使用像斧头这样的扫描器? 阅读《AI辅助无障碍审计指南》。
可用技能
| 技能 | 源自 | 安装 |
|---|---|---|
| 无障碍-通用 | AGENTS.md + 全项目 |
通用项目技能 |
| 锚点链接 | examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| 斧子规则 | examples/AXE_RULES_REFERENCE.md |
✅ |
| 行为-a11y | examples/BEHAVIORAL_ACCESSIBILITY_AUTOMATION.md |
✅ |
| bug-reporting- | examples/ACCESSIBILITY_BUG_REPORTING_BEST_PRACTICES.md |
✅ |
| 咏叹调-活域 | examples/ARIA_LIVE_REGIONS_BEST_PRACTICES.md |
✅ |
| 音频视频 | examples/AUDIO_VIDEO_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
本页由 AI 翻译,技术细节请以原文为准。
README
以下为原文 README 节选,完整内容请查看原文。
A11y Skills Collection
AI agent skills derived from examples/ best practice guides.
Each skill distills a full example into agent-actionable rules.
The examples/ file is always the canonical source of truth.
Looking for the AGENTS.md approach? If you want to add accessibility guidance to a project via
AGENTS.mdorACCESSIBILITY.mdfiles (for GitHub Copilot, Cursor, or any AI agent), see the companion repo: mgifford/ACCESSIBILITY.md. See ACCESSIBILITY.md for a full comparison. New: Not sure when to use AI skills vs scanners like axe? Read AI-Assisted Accessibility Audits Guide.
Available Skills
| Skill | Derived from | Install |
|---|---|---|
| ACCESSIBILITY-general | AGENTS.md + project-wide |
General project skill |
| anchor-links | examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| axe-rules | examples/AXE_RULES_REFERENCE.md |
✅ |
| behavioral-a11y | examples/BEHAVIORAL_ACCESSIBILITY_AUTOMATION.md |
✅ |
| bug-reporting | examples/ACCESSIBILITY_BUG_REPORTING_BEST_PRACTICES.md |
✅ |
| aria-live-regions | examples/ARIA_LIVE_REGIONS_BEST_PRACTICES.md |
✅ |
| audio-video | examples/AUDIO_VIDEO_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| ci-cd | examples/CI_CD_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| charts-graphs | examples/CHARTS_GRAPHS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| color-contrast | examples/COLOR_CONTRAST_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| content-design | examples/CONTENT_DESIGN_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| forms | examples/FORMS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| image-alt-text | examples/IMAGE_ALT_TEXT_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| keyboard | examples/KEYBOARD_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| light-dark-mode | examples/LIGHT_DARK_MODE_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| maps | examples/MAPS_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| manual-testing | examples/MANUAL_ACCESSIBILITY_TESTING_GUIDE.md |
✅ |
| mermaid | examples/MERMAID_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| navigation | examples/NAVIGATION_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
| plain-language | examples/PLAIN_LANGUAGE_ACCESSIBILITY_BEST_PRACTICES.md |
✅ |
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add mgifford/accessibility-skills