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