Puppeteerデモプロジェクトのダウンロード

このデモプロジェクトは、ユーザーにPuppeteerとMochaを使用してAxe DevTools for Webを使う方法を教えるものであり、既存のウェブプロジェクトに統合する必要なくレポートを生成できます。既存のプロジェクトにAxe DevTools for Webをインストールする方法については、バンドルからインストール、独自のアーティファクトリポジトリから、またはDequeのAgoraからに関するガイドをお読みください。

前提条件

これらのプロジェクトには、NPMまたはYarnを含むNode.js開発環境が必要です。また、目的のデモプロジェクトに対応したWebDriverも必要です。Puppeteer、WebdriverIO、またはWebDriverJSのいずれかを使用します。

サンプルカタログ

サンプルカタログ には、既存のウェブプロジェクトとの統合が不要で、クローンして実行することでアクセシビリティレポートを生成する、完全なPuppeteerとMochaのサンプルプロジェクトが含まれています。

使用方法

1. GitHubでDeque サンプルカタログ リポジトリをクローンします：

   git clone git@github.com:dequelabs/axe-devtools-html-api-examples.git

   note

   GitHubへのアクセス設定によっては、異なるクローンコマンドを使う必要があるかもしれません。上記のコマンドはSSHを使用します。詳細はSSHでGitHubに接続するを参照してください。

2. Puppeteerのサンプルに移動します：

   cd axe-devtools-html-api-examples/Node/puppeteer-mocha

3. ノードモジュールをインストールするには、npm install または yarn を実行します

4. テストスクリプトを実行するには、npm test または yarn test を実行します

テストが終了すると、結果がコンソールに生のままログ記録されるとともに、Axe DevTools for WebレポーターによってHTMLレポートにまとめられます。これらのレポートにより、アクセシビリティスキャンの結果を簡単に消化できます。

必要に応じて、テストケースのURLをsrc/*.test.jsで変更し、テストを再実行することで、プロジェクトを任意のウェブアドレス可能なページをスキャンするように設定できます。

構成

初めに、このプロジェクト内の1つ以上のコンポーネントがあなたの環境と互換性がない場合があります。問題が続く場合は、Dequeの担当者に直接連絡するか、私たちのサポートデスク、またはメールを送信でご連絡ください。喜んでお手伝いいたします。