Reporter CLIを自動テストで使用する
アクセシビリティチェックを自動テストに追加することで、チームはシフトレフトを実現し、アプリが常にユーザーにとってアクセス可能であることを保証できます。Dequeのツールをテストパイプラインに組み込むと、結果をローカルにJSONファイルとして保存できます。
これらの結果がすでに保存されている場合、Reporter CLIを使用して、チームと共有するためのアクセシブルな形式のHTMLレポートを生成できます。
スキャン結果をローカルに保存する手順を参照してください:
パイプラインで結果を使用する
継続的インテグレーション/継続的デプロイメント(CI/CD)パイプライン内で自己完結型のHTMLレポートを生成する方法を学んでください 。.
ローカルテストで結果を使用する
HTMLレポートを作成する準備ができたら、関連するすべてのスキャンが共有ディレクトリにあることを確認してください。ターミナルウィンドウを開き、axe Reporter CLI実行ファイルを保存したディレクトリに移動します。
たとえば、実行ファイルが「Downloads」フォルダにある場合、ターミナルで以下を入力します:
cd Downloads次に、以下のコマンドを実行します:
./reporter-cli-<your-system> <devtools-results-directory> <output-directory> --format=html出力ディレクトリの指定は任意で、指定しない場合はレポートが ./axe-devtools-reporterに保存されます。
出力ディレクトリには、各JSON結果ファイルに対応するレポートと、エグゼクティブレポートが格納されます。個々のレポートのファイル名は、スキャン名とスキャンの分析タイムスタンプに基づいて生成されます: ${scanName}-axe-result-${timestamp}.html。
コマンドを実行するときは常に、 --format フラグを追加します。HTMLレポートを作成するだけでなく、XML/JUnitまたはCSV用にデータをエクスポートすることもできます。 ./reporter-cli-<your-system> コマンド。
HTML:
./reporter-cli-<your-system> <devtools-results-directory> <output-directory> --format=htmlXML/JUnit:
./reporter-cli-<your-system> <devtools-results-directory> <output-directory> --format=junitCSV:
./reporter-cli-<your-system> <devtools-results-directory> <output-directory> --format=csv