accessibility-compliance は何をしますか？
WCAG 2.2準拠のインターフェースを実装し、モバイルアクセシビリティ、インクルーシブデザインパターン、支援技術のサポートを提供します。アクセシビリティ監査、ARIAパターンの実装、スクリーンリーダー向けの構築、または包括的なユーザー体験の確保に使用します。
概要
このスキルは、開発者がWCAG 2.2ガイドラインに従ったアクセシブルなウェブインターフェースを作成するための包括的なリファレンスです。以下のようなシナリオで活用できます：
- 既存のインターフェースのアクセシビリティ監査
- ARIA（Accessible Rich Internet Applications）パターンの実装
- スクリーンリーダーやその他の支援技術との互換性確保
- モバイルデバイスを含む包括的なユーザー体験の設計
主な機能
- アクセシビリティ監査: コントラスト比、キーボードナビゲーション、フォーカス管理などをチェック
- ARIAパターンの実装: ロール、プロパティ、ステートの正しい適用をガイド
- モバイルアクセシビリティ: タッチターゲットサイズ、ジェスチャーナビゲーション、ズーム対応
- インクルーシブデザインパターン: カラーユニバーサルデザイン、フォントサイズの調整、読みやすいコンテンツ構造
使用例
// アクセシビリティ監査の例
const auditResults = await accessibilityAudit({
url: "https://example.com",
standards: ["WCAG2AA", "WCAG2AAA"],
includeMobile: true
});
サポートするプラットフォーム
- Claude Code
- Cursor
- Codex
- その他のAIエージェント
詳細情報
詳細なガイドラインや実装例については、WCAG 2.2 仕様書を参照してください。