MA

mgifford/accessibility-skills

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

58 stars 质量 66 趋势 21AGPL-3.0

一套克劳德技能的合集,用来镜像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.md or ACCESSIBILITY.md files (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 ✅
在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add mgifford/accessibility-skills
新手?先看 mcpskill.org 教程 →