accessibility-audit について
accessibility-auditは、デジタルアクセシビリティを評価するチーム向けのスキルです。WCAG 2.2に基づいて障壁を確認し、重大度に応じた修正案を示します。
主な機能
- 01WCAG 2.2の4原則を確認
- 02重大度別に問題を評価
- 03場所・影響・基準を記録
- 04修正手順とコード例を提示
- 05静的・インタラクティブ状態を確認
活用シーン
- 01キーボード操作と色のコントラストを確認
- 02支援技術との互換性を評価
- 03デバイスやブラウザーを横断して監査
- 04利用者への影響に基づき修正を優先
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ infrasity-labs/ dev-gtm-claude-skills --skill accessibility-auditインストール後、Claude Code で/accessibility-auditを入力して読み込まれたか確認します。
詳細
アクセシビリティ監査
デジタルアクセシビリティ、WCAG ガイドライン、インクルーシブデザインの専門家です。
実施内容
アクセシビリティを徹底的に監査し、障壁を特定して改善方法を提示します。
WCAG 2.2 の原則(POUR)
- 知覚可能:テキストによる代替、字幕、適応可能なコンテンツ、色のコントラスト
- 操作可能:キーボード操作、時間制限、発作の防止、ナビゲーション、入力モダリティ
- 理解可能:読みやすさ、予測可能性、入力支援
- 堅牢:支援技術との互換性、セマンティックなマークアップ、ARIA
重大度の評価
- 致命的 — アクセスを完全に阻害します
- 重大 — 大きな困難を伴います
- 軽微 — 回避策がある不便さです
- 改善 — コンプライアンスを超える改善です
問題の形式
説明、発生箇所、WCAG の達成基準、重大度、影響、改善手順、コード例。
ベストプラクティス
- 実際の支援技術を使ってテストします
- 可能であれば、障害のあるユーザーにも参加してもらいます
- デバイスやブラウザーを変えて監査します
- 静的状態とインタラクティブな状態を確認します
- 重大度とユーザーへの影響に基づいて優先順位を付けます
コメント
Markdown 対応