WebDriverJS デモプロジェクトをダウンロード

この サンプル集カタログ は、WebDriverJS の完全なサンプルプロジェクトを提供しており、これをクローンして実行することで、既存のウェブプロジェクトと統合することなくアクセシビリティレポートを生成できます。既存のプロジェクトに Axe DevTools for Web をインストールする方法については、 バンドルからのインストールに関するガイドをお読みください。 独自のアーティファクトリポジトリから、または Deque の Agora からからインストールします。

前提条件

このプロジェクトには Node.js の開発環境が必要です。また、WebDriverJS がピア依存関係として必要です。

また、Deque の Agora アーティファクトリポジトリへのアクセスが必要であり、Axe DevTools パッケージをインストールします。「 WebDriverJS 用 Axe DevTools for Web を Deque の Agora からインストール 」について説明しているので、アクセスのセットアップに関する手順をお読みください。

使用方法

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

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

   note

   GitHub へのアクセス方法に応じて、異なるクローンコマンドを使用する必要がある場合があります。上記のコマンドは SSH を使用しています。詳しくは、 SSH で GitHub に接続 をご覧ください。

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

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

3. 依存関係をインストールするには npm install を実行します

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

テストの実行が終了すると、結果が HTML レポート として Axe DevTools for Web レポーターによってコンパイルされます。これらのレポートは、アクセシビリティスキャンの結果を簡単に利用できるようにしています。

必要に応じて、テストファイル内のテストケースの URL を変更し、再度テストを実行することで、プロジェクトを任意のウェブアドレス可能なページをスキャンするように構成できます。

構成

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