axe-core ルールと WCAG 2.2 達成基準の対照表

Deque Systems, Inc. が開発、公開しているウェブアクセシビリティ検証ツール「axe」のコアエンジン「axe-core」の Rule ID と、WCAG 2.2 の達成基準の、対照表です。Google スプレッドシートで公開しています。

• axe-core ルールと WCAG 2.2 達成基準の対照表 (Google スプレッドシート)

Deque Systems の axe-core リポジトリの Rule Descriptions をもとに作成しています。各 Rule ID は、axe-core のバージョン 4.10.0 で定義されているものです。

この対照表は、「axe-test.js」(axe-core を利用して、ウェブサイトのアクセシビリティ自動テストを一括的に実行するためのスクリプト) のテスト結果と併用することを想定しています。詳しくは下記の 「axe-test.js」との併用 をご参照ください。

対照表の各列の説明

SEQ

Rule ID がいくつあるかを把握するための、通し番号です。

axe-core Rule ID

「axe-core」の Rule ID です。

Description

Rule ID が意味するルールの説明を記載しています。Deque Systems の Rule Descriptions から引用しています。

WCAG 2.2 達成基準

Rule ID に対応する、WCAG 2.2 の達成基準を記載しています。

レベル

Rule ID に対応する、WCAG 2.2 の達成基準の、レベル (A、AA、AAA) を記載しています。

Experimental

Deque Systems の Rule Descriptions において、Experimental Rules として挙げられているルールに対して、フラグ (○印) を付しています。

「axe-test.js」との併用

この対照表を、「axe-test.js」によるテスト結果にマージすることによって、テスト結果のスプレッドシートの各行に記載された個々の問題 (axe-core ルール) が、WCAG 2.2 のどの達成基準に関連するかを、見やすくすることができます。以下、その手順です。

1. 「axe-test.js」によるテスト結果のスプレッドシート (Google スプレッドシートや Excel) と同じブックの別シート (たとえば「collation」というシート名を新規で作成します) に、この対照表をコピー&ペーストします。
   • 新規作成したシートに対照表をコピー＆ペーストする際は、いちばん左上のセル (A1) を起点にペーストします (そうすることで、下記の説明に出てくる VLOOKUP 関数をそのままお使いいただけます)。
2. テスト結果シート各行の空白セルに、VLOOKUP 関数を入力します (例 : 「=VLOOKUP(B2,collation!$B$2:$E$101,3,FALSE)」)。
   • 上記の VLOOKUP 関数の例は、テスト結果シートの2行目の空白セルに入力することを想定しています。
   • 「テスト結果シートの B2 セル (当該行で axe-core Rule ID が記載されている) を、collation シートのセル範囲 $B$2:$E$101 と照合し、axe-core Rule ID が完全一致する行があれば、collation シートの3列目 (WCAG 達成基準が記載されている) の内容を取得する」という意味です。
   • FALSE のひとつ前にある 3 を、4 に変更すると、collation シートの4列目 (WCAG 達成基準のレベル) を取得することができます。
3. VLOOKUP 関数を、すべての行にわたってコピー＆ペーストします (上記の例の B2 の部分は、ペーストされる行に応じて、B3、B4、B5 ... となるはずです)。

---

以上