ページアクセシビリティ検証ステップを使用すると、Web ページのアクセシビリティレベルをチェックし、アクセシブルにできたはずだが実装されていない要素を特定できます。アクセシビリティチェックは、以下のルールに基づいています: https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md
ページアクセシビリティ検証ステップの追加
ページアクセシビリティ検証ステップは、テスト対象のページが AUT（Application Under Test）で開かれている箇所に配置する必要があります。テストで複数のページに移動する場合は、対象ページが開かれているテストシーケンスにステップを配置してください。
ページアクセシビリティ検証ステップを追加するには:
- ステップを追加したい場所の矢印記号にマウスオーバーします。
アクションオプションが表示されます。
- Toggle Breakpointボタンをクリックします。
- Run testボタンをクリックして、ブレークポイントまでテストを実行します。
- 再度矢印記号にマウスオーバーし、「M」（Testim 定義済みステップ）をクリックします。
定義済みステップメニューが開きます。
- Validationsをクリックします。
検証メニューが展開されます。
- メニューをスクロールしてValidate page accessibilityを選択します。
エディターにページアクセシビリティ検証ステップが追加されます。
- 新しく作成されたステップにマウスオーバーし、プロパティを表示（歯車アイコン）をクリックします。
右側にプロパティパネルが開きます。
- 以下の説明に従ってプロパティを設定します。
Description – ステップの説明。（デフォルト = Page accessibility validation）
Fail test from impact level – テストを失敗とする最小影響レベル。Critical / Serious / Moderate / Minor の 4 段階から選択します（それぞれ重大、深刻、中程度、軽微 に相当）。デフォルト値は Minor です。影響レベルの詳細は下記の表を参照してください。
- Run only specific tags – このフィールドをクリックして、テストしたいプロトコルをドロップダウンから選択します。下記の表を参照してください。デフォルトではすべてのタグが選択されています。
- Exclude specific rule IDs – 特定のルール ID を除外したい場合は、リストから選択します。また、特定のルール ID のみをチェックしたい場合は、すべてを選択してからテストしたいもののみを選択解除できます。
- When this step fails – ステップが失敗した場合の動作を指定します。
- When to run step – ステップを実行する条件を指定します。詳細は条件分岐を参照してください。
- Override timeout – Testim がテストステップの失敗を登録するデフォルトのタイムアウト設定を上書きし、異なるタイムアウト値（ミリ秒単位）を指定できます。
- 検証ステップの後のToggle Breakpointボタンをクリックして、ブレークポイントを解除します。
テストを実行すると、設定したパラメーターに基づいてページのアクセシビリティレベルがチェックされます。アクセシビリティ違反が見つかってステップが失敗した場合、アクセシビリティレポートを表示して詳細な結果を確認できます。
ページアクセシビリティ結果の表示
ページアクセシビリティ検証ステップを含むテストを実行した後、アクセシビリティ違反が見つかった場合、「Step Failed: Accessibility violations were found」というエラーメッセージが表示され、詳細なアクセシビリティ違反結果を確認できます。 ページアクセシビリティ結果を表示するには:
- 失敗したページアクセシビリティ検証ステップにマウスオーバーし、プロパティを表示（歯車アイコン）をクリックします。
右側にプロパティパネルが開きます。
- プロパティパネルで、Check here for more detailsリンクをクリックします。
アクセシビリティ結果ウィンドウが表示され（以前に選択した影響レベルに基づいて）、アクセシビリティ問題のリスト、検出された発生回数、影響レベルが表示されます。
すべての影響レベルに基づいて見つかったアクセシビリティ問題を表示したい場合は、All impact levelトグルをクリックします。
- 結果を CSV ファイルとしてダウンロードしたい場合は、ダウンロードアイコンをクリックします。（CSV ファイルには、合格したものを含むすべてのアクセシビリティテストの結果が含まれます。）
- いずれかの結果の横にある下矢印をクリックすると、以下の詳細情報が表示されます: 説明、問題の修正方法、要素の CSS セレクター。
- アクセシビリティ問題の発生が複数見つかった場合は、要素の CSS セレクターセクションの矢印をクリックして、問題の異なるインスタンスを表示します。
ルールの説明
Testim は、要素のアクセシビリティレベルをチェックするために以下のライブラリを使用しています: https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md 各ルールには、関連する影響レベル（Critical / Serious / Moderate / Minor の 4 段階 — それぞれ重大、深刻、中程度、軽微 に相当）と関連するタグがあります。アクセシビリティチェックを設定する際、特定のタグや影響レベルに限定してチェックすることができます。