アクセシビリティ監査は複雑で、重要問題を見落としがちです。このスキルは、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を使用する
- エビデンスを記録し、影響度で優先順位を付ける
避免
- 自動ツールのみに依存する
- ビジュアルデザインのためにフォーカスアウトラインを削除する
- ステータスの唯一のインジケータとして色を使用する