Axe DevTools for Web の C# 用構成
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 の C# 用構成情報とサンプルコード
Not for use with personal data
この記事では、Axe DevTools for Web を C# で構成する方法について説明します。
ステップ 1: C# セットアップでテストを実行する際に使用する Selenium ドライバーを宣言します。
[SetUp]
public void Setup()
{
driver = new ChromeDriver();
driver.Navigate().GoToUrl("http://abcdcomputech.dequecloud.com/");
}ステップ 2: テストに含めるまたは除外するページの部分を指定します。
/*
* TestCase: uses axe.Analyze() to scan the certain content on the page.
*/
[Test]
public void IncludingAndExcludingElements()
{
var axe = new AxeSelenium(driver).Excluding("#header").Including("#homecontent");
var results = axe.Analyze();
Assert.That(results.Findings.Violations.Count, Is.EqualTo(0));
}ステップ 3: Axe DevTools C# には、axe-core JavaScript ライブラリのバージョンがパッケージされています。代わりに、構成を通じて自身のコピーを提供することもできます。
note
axe-core ライブラリは、監査スイートがプロジェクト内の次の場所にあることを期待します: /config/axe-ruleset.json。または、AXE_RULESET_PATH 環境変数を設定して、構成内で場所を指定することもできます。
ステップ 4: 単一のアクセシビリティチェックまたは全体のテストスイート用のルールセットや特定のルールを定義します。
/*
* TestCase: uses axe.Analyze() to scan the page
* with specific ruleset, in this case 508
*/
[Test]
public void AccessibilityAnalyzeWith508Ruleset()
{
var axe = new AxeSelenium(driver).WithRuleset("508");
var results = axe.Analyze();
AxeReporting.CreateResultsOutput(results, "508-rules");
Assert.That(results.Findings.Violations.Count, Is.EqualTo(0));
}
/*
* TestCase: uses axe.Analyze() to scan the page
* with only the specified rules.
*/
[Test]
public void AccessibilityAnalyzeWithSpecificRules()
{
var axe = new AxeSelenium(driver).WithRules("heading-order", "link-name");
var results = axe.Analyze();
AxeReporting.CreateResultsOutput(results, "specific-rules");
Assert.That(results.Findings.Violations.Count, Is.EqualTo(0));
}カスタムルールセット を参照して、ルールの記述、ルール、チェック、結果、ルールの説明に関する一般的な情報を確認してください。