それぞれのチームに該当するルールやタグを用いてアクセシビリティチェックを設定できます。この記事では、アクセシビリティチェックのデフォルト設定と、それぞれのニーズに応じてアクセシビリティチェックをカスタマイズするのに使用できるオプションについて説明します。
何も変更を行わない場合、アクセシビリティチェックではaxe-coreのデフォルト設定が使用されます。この設定では、こちらに記載されているすべてのルール ("experimental" タグの付いたルールを除く) が使用されます。このデフォルト設定には、次の内容が含まれます。
- WCAG 2.0 (レベルA、AA、AAA) のすべてのルール
- WCAG 2.1 (レベルA、AA、AAA) のすべてのルール
- ベストプラクティスルール
詳細設定
[Advanced settings] をオンにして、WCAG 2.1 Level A & AAやベストプラクティスルールなど、それぞれのチームに該当するカスタムルールやタグを設定します。たとえば、WCAG 2.0レベルAA適合を目標にしている場合は、wcag2aaタグを使用できます。
詳細設定
タグ
タグには該当するアクセシビリティ標準のルールのみが含まれ、それよりも規制の緩いアクセシビリティ標準のルールは含まれません。たとえば、WCAG 2.0レベルAA適合およびWCAG 2.0レベルA適合のルールをカバーしたアクセシビリティチェックを行う場合は、アクセシビリティチェックに両方のタグを列挙する必要があります (例: "wcag2a, wcag2aa")。
次の表は、さまざまなタグ名のアクセシビリティ標準を示しています。axe-coreのタグの関連情報については、こちらのリソースを参照してください。
タグ名 | アクセシビリティ標準 |
wcag2a | WCAG 2.0レベルA |
wcag2aa | WCAG 2.0レベルAA |
wcag2aaa | WCAG 2.0レベルAAA |
wcag21aa | WCAG 2.1レベルAA |
wcag22aa | WCAG 2.2レベルAA |
ベストプラクティス | 一般的なアクセシビリティのベストプラクティス |
wcag*** | WCAG達成基準。例: wcag111はSC 1.1.1に対応 |
ACT | W3C承認済みのAccessibility Conformance Testing (ACT) ルール |
section508 | 従来のSection 508ルール |
section508.*.* | 従来のSection 508ルールの要件 |
experimental | 最先端のルール (デフォルトで無効) |
ルール
ルールを使用すると、それぞれの組織にとっての重要度に基づいてアクセシビリティチェックを詳細にカスタマイズできます。状況に応じて、特定のルールを含める、または除外するようにアクセシビリティチェックを設定できます。たとえば、area-altルールIDを含めると、すべての画像に代替テキストが存在することを確認することができます。詳細については、こちらに記載されているルール説明の一覧を参照してください。