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

モーダルダイアログ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はフォーカスがランチャーのような論理的な要素に戻ったかどうかを確認します。

残りのモーダルチェック — 正しいダイアログ role、ダイアログ内にフォーカスが閉じ込められ、モーダル外の内容がスクリーンリーダーから隠される — テストの一部として自動的に実行され続けます。

分析が完了したら、AIの結果を確認し、必要な修正を行い、テストを完了します。詳細は 自動IGT を参照して、結果の確認、修正の実施、テストの完了を行ってください。

何をテストするか

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