モーダルダイアログ インテリジェントガイド付きテスト

モーダルダイアログIGTは、モーダルダイアログがアクセシブルかどうかを判断するのに役立ちます。スクリーンリーダーを使うユーザーやマウスを使用できないユーザーがモーダルダイアログと相互作用し、モーダルの背後にあるコンテンツを混乱なくアクセスできないようにするべきです。

動作の仕組み

最初に行う必要があることは、テストしたい状態にページを設定することです。その後、いくつかのシンプルな質問があなたを案内し、モーダルダイアログにアクセシビリティの問題があるかどうかを判断するためのアクセシビリティテストを完了します。モーダルダイアログIGTは、障害を持つユーザーにモーダルダイアログに関連する問題を把握する面倒から解放してくれます。

ステップ1: モーダルを選択

テストしたいモーダルには、それを起動するボタンがありますか？

一般的に、モーダルはボタンのようなコントロールとのユーザーの「クリック」操作によって起動されます。これが当てはまる場合、「はい、私のモーダルにはランチャーがあります」を選択してください。その後、モーダルのランチャーを選択するように求められます。

テストしているモーダルが自動的に起動される場合（セッションタイムアウトモーダルのように）、またはユーザーのクリック操作以外でトリガーされる場合は、「いいえ、私のモーダルは他のものによってトリガーされます。」を選択してください。その後、モーダルをトリガーして選択するよう求められます。

ステップ2: モーダルチェック

このステップは完全に自動化されているため、あなたがする必要はありません！この自動化されたステップ中に、IGTは次のことを判断します:

• 正しいroleが使用されている場合
• フォーカスがダイアログ内に固定されているかどうか
• モーダル外のコンテンツがスクリーンリーダーから隠れる場合（ダイアログ自体のaria-modal=trueやダイアログ外のaria-hidden=trueによって）

この自動ステップの後、IGTはあなたに次のことを尋ねます:

このモーダルは解除または閉じることができますか？

このモーダルを可能であるで閉じることができる場合、IGT はESCキーを使って自動的に閉じることを試みます。もしESCでモーダルが閉じなかったら、手動で閉じるよう求められます。

モーダルが解除されると、フォーカスがランチャーまたは他の論理的な要素に戻ったことを検証するよう求められます。

自動モードで実行

自動IGTモードが有効化されると、モーダルダイアログ IGT は標準のテストで使用している設定ステップを保持し、その後AIに引き継いで自動的に解消とフォーカス復元を評価します。

ステップ1: モーダルの識別と起動

標準のテストと同じように、最初にIGTにモーダルの起動方法を伝えます。

• モーダルにランチャーがある場合は、はい、私のモーダルにはランチャーがありますを選択し、起動コントロールを選んでください。
• モーダルが他の方法でトリガーされる場合（たとえば、セッションタイムアウトダイアログ）、いいえ、私のモーダルは他のものでトリガーされますを選んで自分でモーダルをトリガーし、IGTがそれをキャプチャできるようにしてください。

モーダルを自動的に検出できない場合、選択するように求められます。

ステップ2: AIによるモーダルの分析

モーダルがキャプチャされると、AIが通常手動の操作を必要とするテストの部分を引き継ぎます。

• 解除: AIはモーダルが閉じることができるかを判断し、次にESCキーで、それからAIが識別した終了コントロール（クローズボタンや背景のようなもの）を使って自動的に閉じることを試みます。
• フォーカスの復元: モーダルが閉じられた後に、AIはフォーカスがランチャーのような論理的要素に戻っているかどうかを確認します。

残りのモーダルチェック—正しいダイアログrole、ダイアログ内へのフォーカスのトラップ、モーダル外のコンテンツがスクリーンリーダーから隠されていること—はテストの一環として引き続き自動で実行されます。

分析が完了したら、AIの所見をレビューし、訂正を行い、テストを最終化します。結果のレビュー、訂正の方法、テストの完了についての詳細は自動IGTをご覧ください。

何をテストするか

• フォーカスが起動時にモーダルに移動する
• 許容されるモーダルroleの正しい使用
• フォーカスがダイアログ内に閉じ込められる
• ダイアログ外の内容がスクリーンリーダーに隠される
• キーボードによるモーダルの終了
• フォーカスが論理的な要素（通常はランチャー）に戻る