スクリプトの設定

Axe Reportsは、axe DevTools for Web APIs/CLIを使用して生成されたアクセシビリティ問題データのインポートをサポートしています。データは個々の「スクリプト」ごとにグループ化されています。スクリプトは、1つまたは複数のspecファイル（axe DevTools for Web CLIの場合）または自動化テスト（axe DevTools for Web APIの場合）を使用してスキャンされた関連ページのグループと考えることができます。これらは、axe Reportsが正確なデータ表現を行うために利用される適切なキーが埋め込まれた出力JSONファイルが生成されるよう、コード内で特定の設定が必要です。

axe DevTools for Web CLIでの設定

axe Reportsにインポートするための出力を生成するためにspecファイルを使用する場合、projects配列の各プロジェクトオブジェクトに設定された「id」がスクリプトの名前になります。「pageList」配列内の各ページの「name」がそのスクリプト内の各ページを表します。以下の例では、「Homepage」はスクリプト「deque-main」内のページです。また、スクリプト「deque-axe」には「AxeDashboard」という別のページが含まれています（出力からaxe DevTools CLIによってスペースが削除されます）。

スクリプトの設定 - 初回データセットアップ

Axe DevTools for Webデータは、結果ファイルのアップロードを通してaxe Reportsにアップロードする必要があります。以下の手順に従って、axe DevToolsデータをaxe Reportsに設定してアップロードしてください。

1. 画面の左下隅の設定セクションから[スクリプトの管理]オプションを選択します。

   

2. 新しいスクリプトを作成するには、 +新しいスクリプトを追加 ボタンを使用します。スクリプトを作成するには3つのステップがあります。

   

3. ‘スクリプトをアップロード’パネルで‘ファイルを選択’を選び、アップロードするファイルを選択します。1回のアップロード操作で最大20ファイル（各ファイル最大10MB）をアップロードできます。これらのファイルも有効なDevTools for Webの出力ファイルである必要があります。

   

   

   Axe Reportsは各ファイルで発見された問題の数を詳細に示し、アップロードされたファイルを削除する機能を提供します。情報を確認したら、「続行」を選択して次のステップに進みます。

   

4. Axe Reportsは、アップロードされたデータをシステムに既に存在するデータと検証して、重複があるかどうかを確認します。重複データがある場合、システムは重複に関する警告を表示し、既存データを上書きする機能を提供します。データを確認した後、 続行ボタンを押して次のステップに進みます。

   

5. 設定を行ったすべての構成を表示するレビュー画面が表示されます。「 完了」を選んで確認するか、「 戻る 」を選んで変更を加えます。

   

6. すべての設定されたスクリプトが表示された確認画面が表示されます。

結果: 設定を送信すると、データはaxe Reportsのチャートビューで利用可能になります。同じスクリプトとページに対して新しいファイルがアップロードされるが新しい日付の場合、スクリプトアップロードユーティリティによってDimension設定のステップはスキップされます。