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-Assistedアクセシビリティ監査ガイドをお読みください。 ARIAエンジニアリング上のブラウザを信頼することで、最小限、アクセス可能なHTML、CSS、およびJavaScriptを書くことに重点を置いた補完的なフロントエンドに焦点を当てたアプローチについては、以下を参照してください。このリポジトリとよく整列するそのスキルからの主な原則: - — ARIA-hacked s のネイティブ要素 ( , ) - — 適切な要素を使用します。 ARIA の補足 HTML は、それを置き換えません。 - - 書き出さないすべての ARIA 属性は、壊れるのが 1 少ないことです。 - [aria-expanded="true"] は、冗長修飾子クラスを追加する代わりに CSS のホックとして 2つのスキルセットは補完的です: mikemai2awesome/agent-skillsは「アクセス可能な書き込み方法」をカバーしています.

概要（AI 翻訳）

examples/のベストプラクティスガイドから派生するAIエージェントのスキル。各スキルは、エージェントアクション可能なルールにフル例を隠します。 [examples/ファイルは常に真理の規範的なソースです。

AGENTS.mdのアプローチを探していますか? [AGENTS.mdまたは[ACCESSIBILITY.md]]ファイル(GitHub Copilot、Cursor、またはAIエージェント)を介してプロジェクトへのアクセシビリティガイダンスを追加したい場合は、コンパニオンリポジトリを参照してください。mgifford/ACCESSIBILITY.md。完全な比較については、ACCESSIBILITY.md を参照してください。 新規:AxeのようなAIスキルとスキャナを使用するかどうかは不明? AI-Assistedアクセシビリティ監査ガイドをお読みください。

利用可能なスキル

| スキル | から派生 | インストール | | お問い合わせ | | アクセシビリティ全般 | [AGENTS.md + プロジェクト全体 | 一般プロジェクトスキル | | アンカーリンク | [examples/ANCHOR_LINKS_ACCESSIBILITY_BEST_PRACTICES.md | ✅ | | axe-rules | 【[T6] | ✅ | | 行動a11y | [[T7] | ✅ | | バグ報告 | [examples/ACCESSIBILITY_BUG_REPORTING_BEST_PRACTICES.md | ✅ | | aria-live-regions | [[T9] | ✅ | | 音声動画 | [[T10] | ✅ |

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

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

MCP 初心者？mcpskill.org のガイドから始めましょう →