ux-accessibility
Web コンポーネントの WCAG 2.2 アクセシビリティ パターン。フォーカス管理、キーボード ナビゲーション、スクリーン リーダーのサポート、動きの減少、ハイ コントラスト モード、またはタッチ ターゲットを実装する場合に使用します。プロジェクトの accessibility.css トークンと統合します。 （プロジェクト）
SKILL.md
Accessibility-first design patterns for WCAG 2.2 AA compliance. This skill provides implementation guidance for making interactive components accessible to all users.
This project defines accessibility tokens in css/styles/accessibility.css:
Always use the project's focus tokens for consistent visible focus:
Web コンポーネントの WCAG 2.2 アクセシビリティ パターン。フォーカス管理、キーボード ナビゲーション、スクリーン リーダーのサポート、動きの減少、ハイ コントラスト モード、またはタッチ ターゲットを実装する場合に使用します。プロジェクトの accessibility.css トークンと統合します。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-accessibility- カテゴリ
- *クリエイティブ
- 認証済み
- —
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
ux-accessibility とは？
Web コンポーネントの WCAG 2.2 アクセシビリティ パターン。フォーカス管理、キーボード ナビゲーション、スクリーン リーダーのサポート、動きの減少、ハイ コントラスト モード、またはタッチ ターゲットを実装する場合に使用します。プロジェクトの accessibility.css トークンと統合します。 （プロジェクト） ソース: matthewharwood/fantasy-phonics。
ux-accessibility のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-accessibility インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/matthewharwood/fantasy-phonics
詳細
- カテゴリ
- *クリエイティブ
- ソース
- user
- 初回登録
- 2026-02-01