wcag-audit-patterns
明確なチェックリストでWCAG 2.2監査を実行する
アクセシビリティ監査は複雑で、重要問題を見落としがちです。このスキルは、Webサイトやアプリケーション向けにWCAG 2.2のチェックリスト、テストガイド、修正パターンを提供します。
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「wcag-audit-patterns」を使用しています。 チェックアウトフローのWCAG 2.2 AA問題を監査してください。
期待される結果:
- すべてのインタラクティブ要素のキーボードアクセスを確認する
- プライマリボタンとエラーテキストのカラーコントラストを検証する
- フォーム入力にラベルがあり、エラーメッセージが通知されることを確認する
- スキップリンクを追加し、フォーカスの可視性を検証する
- 修正を文書化し、axe-coreで再テストする
「wcag-audit-patterns」を使用しています。 ランディングページでチェックすべき重要なWCAG問題は何ですか？
期待される結果:
- 画像やアイコンの代替テキストの欠如
- ボタンやリンクへのキーボードアクセスの欠如
- テキストと背景の低いカラーコントラスト
- サインアップフィールドのフォームラベルの欠如
- インタラクティブ要素の可視フォーカスインジケータの欠如
「wcag-audit-patterns」を使用しています。 スクリーンリーダーユーザーのナビゲーションを修正するを手伝ってください。
期待される結果:
- 適切なランドマークを追加：main、nav、aside、footer
- ナビゲーションメニューにセマンティックHTMLを使用する
- メインコンテンツへのスキップリンクが存在することを確認する
- カスタムメニューボタンにARIAラベルを追加する
- スクリーンリーダーソフトウェアで読み取り順序をテストする
セキュリティ監査
安全This is a pure documentation skill containing WCAG 2.2 audit guidance. No executable code, scripts, network calls, file access, or system interactions are present. The skill only contains markdown documentation with checklists and code examples for reference. All 86 static findings are false positives caused by the scanner misinterpreting markdown syntax (code block delimiters flagged as shell execution, section headers flagged as crypto algorithms, accessibility testing references flagged as reconnaissance).
リスク要因
🌐 ネットワークアクセス (8)
⚙️ 外部コマンド (45)
品質スコア
作れるもの
リリース準備の監査
チェックリストを使用して、本番リリース前に重要なページを検証します。
コンポーネントパターンの改善
修正パターンを適用して、ラベル、コントラスト、フォーカス状態を修正します。
WCAGレビューの準備
発見事項をWCAGレベルにマッピングし、レポートのギャップを文書化します。
これらのプロンプトを試す
小規模なマーケティングサイト向けの初心者向けチェックリストを作成し、WCAG AとAAの項目に焦点を当ててください。
フォームの主要なWCAG問題をリストアップし、ラベルとエラーに対する具体的なHTML修正を提供してください。
axe-coreとPlaywrightを使用してWCAG 2.2 AAの問題を検出する計画を提案してください。
エビデンス収集ステップと修正優先順位を含む監査アウトラインを作成してください。
ベストプラクティス
- 自動チェックと手動テストを組み合わせる
- ARIAを追加する前にセマンティックHTMLを使用する
- エビデンスを記録し、影響度で優先順位を付ける
回避
- 自動ツールのみに依存する
- ビジュアルデザインのためにフォーカスアウトラインを削除する
- ステータスの唯一のインジケータとして色を使用する