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