WebDriverJS向けAxe DevTools for Webのテストの書き方
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
Axe DevTools for Webを使用してアクセシビリティのための効果的なテストを書く方法
Not for use with personal data
Axe DevToolsを使用したテストの書き方
前提条件
Axe DevToolsでページをテストするためには、まずそれをプロジェクトにインポートして初期化する必要があります。このステップがまだ完了していない場合は、このガイドを参照してください。
スキャンコンテキストの取得
アクセシビリティのためにページをスキャンする前に、それをwebdriverでアクセスできるようにする必要があります。
await driver.get('<URL>');webdriverでページにアクセスしたら、Axe DevToolsを用いてスキャンを行い、結果を保存できます。スキャン結果を確認する最も簡単な方法は、resultオブジェクトをコンソールにログとして出力することです。
const results = await new AxeDevToolsWebdriverJS(driver).analyze();
console.log(results);完全なサンプルファイル
const AxeDevToolsWebdriverJS = require('@axe-devtools/webdriverjs');
const WebDriver = require('selenium-webdriver');
var driver = new WebDriver.Builder().forBrowser('chrome').build();
driver.get('https://google.com').then(function() {
new AxeDevToolsWebriverJS(driver).analyze(function(err, results) {
if (err) {
// Handle error
}
console.log(results);
});
});次のステップ
アクセシビリティスキャンを無事に完了したので、次はレポートの生成や結果オブジェクトの使用のようなより高度なスキャニングのトピックに進む準備が整いました。
トラブルシューティング
スキャン結果の取得に問題がある場合は、直接Deque担当者に連絡するか、サポートデスク経由で私たちに連絡するか、メール送信してください。お手伝いいたします。