アクセシビリティ結果をAxe Developer Hubにアップロードする

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Node.js APIを使用してAxe Developer Hubを活用する

Not for use with personal data

アクセシビリティの結果をAxe Developer Hubにアップロードし、その機能を使用してアクセシビリティ問題の修正を追跡できます。

Web APIからAxe Developer Hubに結果をアップロードする手順は、次の図のように2つのステップがあります。

この図は、axe CLIを使用してアクセシビリティの結果をAxe Developer Hubにアップロードする方法を示しています。まず、Web APIは.json結果ファイルをディスクに書き込みます。次に、axeコマンドラインインターフェースツールを使用して、結果のファイル名、個人APIキー、およびプロジェクトIDをツールに提供してこの.json結果をAxe Developer Hubにアップロードします。

  1. テストコードは結果(アクセシビリティ結果を含む.jsonファイル)をディスクに書き込みます。アクセシビリティ結果ファイルを作成するようにテストコードを変更してください。コードを変更する方法については、アクセシビリティ結果の作成をご覧ください。

  2. CLIツールaxedevhubサブコマンドとともに使用して、結果ファイル、個人APIキー、およびプロジェクトIDを指定して結果をAxe Developer Hubにアップロードします。例えば:

    axe devhub <results.json> --axe-devhub-api-key <API-key> --axe-devhub-project-id <project-ID>

Axe Developer Hubに結果をアップロードするためにCLIを使用することに関する詳細については、Axe Developer Hubへのアップロードを参照してください。

アクセシビリティ結果の作成

結果ファイルを書き込むために@axe-devtools/loggerパッケージを使用します。コード例についてはAxe DevTools Node APIでのログ記録をご覧ください。

tip

@axe-devtools/reporterパッケージも使用できます。これはAxeDevToolsLoggerクラスを拡張しているため、結果ファイルを書き込むことができます。Axe DevTools JSON結果からのレポート生成をご覧ください。