使い方ガイドへスキップ
Accessibility Audit作者 Alireza Rezvani

Accessibility Audit スキル。

各アクセシビリティの指摘を、対象要素、修正案、検証結果と結びつけたまま管理します。

  • アクセシビリティ
  • デザインレビュー
  • フロントエンド
ソースレビュー · Accessibility AuditSKILL.md
タスク アクセシビリティ 成果物 • 重大度順に整理したアクセシビリティ指摘レポート • プロジェクトのフレームワークに合わせた修正前後のコード • 最初の指摘との比較と、残る手動チェックの一覧 開始前に 同梱ツール用のPython、ソースへのアクセス、文脈に応じた検証のためのブラウザまたは支援技術の環境が必要です。
編集部による要約 · レビュー対象ソース 2026-10-07 · 生成された例ではありません

01 機能概要

アクセシビリティの指摘を検証可能な修正に変える

Pythonユーティリティ、フレームワーク別リファレンス、レポートテンプレートを備えた、スキャン・修正・検証のアクセシビリティワークフローです。

ソースに基づくワークフロー実行ベンチマークではありません

作業の進め方

A11y Audit は、アクセシビリティ対応をスキャン、修正、検証の各フェーズに整理します。ソースには、Pythonのスキャナーとコントラストチェッカーのインターフェース、重大度カテゴリ、フレームワーク別の修正リファレンスが含まれています。「アクセシビリティを改善して」といった漠然とした依頼を、対象要素とコード変更の範囲が明確なリストに落とし込むのに役立ちます。

ソースは幅広いWCAGをカバーしていると説明していますが、コードスキャンを完全な適合性の証明として示すべきではありません。キーボード操作の流れ、スクリーンリーダーの挙動、動的コンテンツ、代替テキストの有用性は、依然として文脈に応じたレビューが必要です。実用上の価値はトレーサビリティにあります。最初の指摘を残し、適切なネイティブのセマンティクスやスタイル変更を適用し、再度チェックを実行して、実際の操作をテストします。

期待される成果物

  • 重大度順に整理したアクセシビリティ指摘レポート
  • プロジェクトのフレームワークに合わせた修正前後のコード
  • 最初の指摘との比較と、残る手動チェックの一覧
サンプル依頼を見る

依頼からレビューまで

  1. 01
    範囲を定めてスキャンする

    フレームワークと関連するソースパスを特定します。要素単位で指摘を記録し、スキャナーの検出と手動での観察を区別します。

  2. 02
    根本の操作性を修正する

    ARIA属性を無差別に追加するのではなく、ネイティブのコントロール、意味のあるラベル、見えるフォーカスを優先します。

  3. 03
    文脈の中で検証する

    ベースラインと比較し、レンダリングされた状態でコントラストを確認し、静的解析では確認できないキーボード操作や支援技術での操作を試します。

02 利用場面

使う場面

同梱ツール用のPython、ソースへのアクセス、文脈に応じた検証のためのブラウザまたは支援技術の環境が必要です。

適しているケース

  • 修正計画ソースレベルの問題の集まりを、優先順位付きでレビュー可能なコード変更に変換するのに便利です。
  • 回帰チェック既存のテストプロセスに、再現可能なアクセシビリティチェックを追加するプロジェクトに適しています。

確認すべき制限

  • 適合証明書ではありません同梱ツールに合格しても、製品全体で該当するすべてのアクセシビリティ要件を満たしていることの証明にはなりません。
  • 重大度は文脈が必要ですソースの重大度ラベルはトリアージの補助です。実際のユーザーへの影響は、要素、タスク、利用可能な代替手段によって異なります。

用意する入力

  • 監査範囲レビュー対象のページ、コンポーネントまたはソースディレクトリと、ユーザージャーニーを指定します。
  • レンダリングされた状態単純な静的ページには現れないフォーム、エラー、ダイアログなどの状態にアクセスできるようにします。
  • 既存のベースライン解決済みの問題と回帰を区別できるよう、過去の指摘やテスト結果を含めます。

03 重要な判断

重要な判断ポイント

  1. 修正を追跡可能に保つ

    修正前後の例は、規格への参照だけで終わらせず、指摘を具体的な実装に結びつけます。

  2. 自動化には限界がある

    有用なレポートは、何をスキャンし、何を手動でテストし、何が未検証のままかを明記します。

04 依頼例

焦点を絞った依頼を試す

以下のサンプル依頼はテストされていません。使用前にスキルのセットアップを確認してください。

セットアップを確認する

スクリプトと参照パターンは保持してください。結果をリリースゲートとして使う前に、スキャナーのカバー範囲を確認してください。

アップストリームのソースファイル
https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/engineering-team/a11y-audit/skills/a11y-audit/SKILL.md

同梱ツール用のPython、ソースへのアクセス、文脈に応じた検証のためのブラウザまたは支援技術の環境が必要です。

まず1つの成果物から始める

スキルを実行する前に、この依頼の範囲、ソース資料、制約を調整してください。

サンプル依頼
a11y-auditを使って、チェックアウトフォームとモーダルをレビューしてください。まず、対象要素と重大度の根拠を含む、読み取り専用の指摘レポートから始めてください。ラベル、ネイティブのコントロール、フォーカスの可視性、コントラストを確認し、そのうえで手動で行うキーボードとスクリーンリーダーのチェックを一覧にしてください。スキャナーの結果だけでページをWCAG準拠と断定せず、私が承認するまで修正は適用しないでください。

結果を確認する

実際の出力を、以下の観察可能な基準に照らして確認します。

  • 各指摘が実在する要素を特定し、実行可能な修正を示している。
  • 解決済みの問題が元のベースラインと照らして再確認されている。
  • 未テストのキーボード、スクリーンリーダー、動的状態の挙動が、未検証であると明示されている。

OpenDesignは、コーディングエージェント向けのローカルなデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、下記にリンクされた固定のソースリビジョンについて説明しています。アップストリームの挙動や要件は変更される可能性があります。

ソースの所有者
Alireza Rezvani
ライセンス
MIT
レビュー対象のスナップショット
2026-10-07 · 19392f7a0826
編集部によるソース要約
Pythonユーティリティ、フレームワーク別リファレンス、レポートテンプレートを備えた、スキャン・修正・検証のアクセシビリティワークフローです。

リンク先のソースに基づく、OpenDesignによるオリジナルの要約です。リポジトリのスター数は日付つきの人気の指標であり、スキルの利用状況や品質評価ではありません。

06 開始前の質問

始める前の質問

スキャナーでWCAG適合を証明できますか?

できません。このスキルは監査を支援できますが、自動のソースチェックでは、文脈や操作に関するすべての要件をカバーできません。

Reactだけに対応していますか?

ソースには、複数のWebフレームワークとプレーンなHTML向けのパターンが含まれています。プロジェクトのバージョンに対するスキャナーとリファレンスの対応状況は、実際に確認してください。

クリック可能な要素すべてにARIAロールを付けるべきですか?

自動的に付ける必要はありません。ソースは一般的にネイティブのセマンティックなコントロールを推奨しており、ARIAロールだけでは得られない挙動が備わっています。

OpenDesign

次のデザインの反復に向けて余白を確保しましょう。

依頼内容、ソース資料、デザイン作業をローカルのワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/alirezarezvani/claude-skills/blob/19392f7a08264ed00486a251f5b2098321771f94/engineering-team/a11y-audit/skills/a11y-audit/SKILL.md