アクセシビリティチェックは、違反の確認を行うためアプリケーション内のページまたは特定のエレメントに対して実行されます。アクセシビリティチェックは、違反の重大度に基づいて失敗するように設定したり、特定のタグやルールを対象とするように設定したりできます。この記事では、mablトレーナーでアクセシビリティチェックを作成する方法について説明します。
アクセシビリティテストを初めてお使いですか?
mablのアクセシビリティテストの詳しいチュートリアルについては、初めてのアクセシビリティテストをご覧ください。
アプリケーションのアクセシビリティチェックを作成するには、次の手順を実行します。
- テスト対象のアプリケーションでmablトレーナーを起動します。
- アプリケーションを目的の状態にします。
- プラス記号 (+) をクリックして、新しいステップを追加します。
- [アクセシビリティ] を選択します。
- アクセシビリティチェックのメニューで、ターゲットを選択します。
- 現在のフレーム(デフォルト):焦点となっているフレームと、関連するiframeのうちチェックの対象となるものを確認します。
- ページ:対象となるすべてのiframeを含む、ページ全体をチェックします。テストのコンテキストがiframeに切り替わった後にアクセシビリティチェックが行われた場合でも、このチェックはページ全体と、対象となるすべてのiframeをスキャンします。
- 要素:要素レベルでアクセシビリティをチェックします。要素レベルでのチェックは、特定の要素に対して異なるアクセシビリティ標準がある場合に適しています。
- 違反の重大度に基づいて失敗基準を設定します。
- 特定のタグやルールに基づいてチェックをカスタマイズする場合は、[高度な設定] をオンにし、アクセシビリティチェックを実行するタグやルールを選択します。詳細については、こちらを参照してください。
- [OK] をクリックします。
Trainerでのアクセシビリティチェックの作成
iframeを含める
フレーム内のコンテンツをアクセシビリティチェックに含めるには、詳細設定でCORSを無視をオンにする必要があります。詳しくはこちらをご覧ください。
アクセシビリティチェックは、mablで他のステップと同じように実行されます。アクセシビリティチェックの出力は、テスト結果でステップレベルで表示されます。アクセシビリティチェックの出力には、すべての違反、不備のあるチェックや適用できないチェック、成功したチェック、および関連するヘルプリソースのサマリー情報が含まれます。テスト全体でのアクセシビリティ違反の全体像を確認するには、アクセシビリティダッシュボードを使用します。
詳細な違反結果
制限事項
- 現時点で、アクセシビリティチェックの結果はTrainerでの再生時には利用できません。
- ローカル実行時に確認できるのはアクセシビリティチェックに関する最小限の情報です。詳細な結果を確認するには、テストをクラウドで実行する必要があります。