ページの追加
テストケースを作成するには、少なくとも1つのページをテストケースに追加する必要があります。ページは、テストケース内でアクセシビリティをテストしたい個々のページまたはページ固有のコンテンツを表します。それはウェブページ全体やページの一部（例えば、モーダル）である可能性があります。テストケース内で定義され、指定されたページに存在する共通のコンポーネントは、そのページのテストの一部として検査されません。現在、最低限必要とされるのは1ページで、技術的に許可されるページ数に上限はありませんが、効率性を確保するために30ページを超えないことをお勧めします。
この表は、左側の列に「ページ追加」ダイアログボックスの各フィールド、右側の列にそれぞれの使用説明を一覧表示しています。
新しいテストケース: ページ (ステップ3の3) 画面 > ページ追加ダイアログボックス - フィールド使用説明
| フィールド | 使用説明 |
|---|---|
| 名前 | 必須。このフィールドには通常、そのページのタイトルまたはアクセシビリティ準拠をターゲットとする特定のページ領域の短いテキストを入力します。このフィールドに入力できる最大文字数は150文字です。 |
| URL | 必須。テストを行うページ、サイト、またはアプリケーションの完全修飾ドメイン名として、統一リソースロケーターを入力してください。 |
| スコープ | ページ全体ラジオボタンオプションを選択してページ全体をターゲットにするか、ページ領域オプションを選択してページの一部分のみを指定します。ページ領域オプションを選択すると、スコープフィールドの下にセレクタフィールドが表示され、適切なCSSセレクタを入力できます。これは、クラスやIDなどの単純なセレクタやセレクタパスが可能です。CSS IDを使用する場合は、IDを#で始めてください。CSSクラス名の場合は、ドット（.）で始めてください。例: #myidname または .myclassname。詳細については、CSS セレクタープロセスを参照してください。 |
| ページに存在する要素 | 該当するすべてにチェックを入れます。チェックを外して選択を解除することもできます。フォームチェックボックスはデフォルトで選択されています。これにより、特定のタイプの要素および関連するアクセシビリティルールやチェックポイントをターゲットまたは無視することができ、テスト対象を制限できます。 |
| 指示 | テスターがページをテストする前に理解することが重要な詳細なテキスト指示を入力します（例: アクセスやページ要素をテスト対象にするための具体的な情報など）。注意: テキストボックスを拡張する必要がある場合は、テキストボックスの右下の角を選択してドラッグして広げてください。 |
始める前に: この手順は、新しいテストケースを作成中にページを追加することを前提としていますが、既存のテストケースに新しいページを追加するために編集する場合にも適用されます。新しいテストケースにページを追加する場合は、まず新しいテストケースを作成するプロセスを開始する必要があります。詳細については、新しいテストケースの作成を参照してください。 既存のテストケースにページを追加するには、テストケースページのアクション列からテストケースの編集を選択します。詳細については、テストケースの編集を参照してください。編集されたテストケースフォーム（ダイアログボックス）は、新しいテストケースと同じですが、既に入力済みのフィールドと少なくとも1つのページが追加されている点を除きます。
既存のページを操作する:
共通のコンポーネントとページをCSVファイルアップロード方式で一括インポートした場合は、ページの右側に既存のページが見つかることがあります。ページの編集方法については、トピックページの編集を読んでください。ページを並べ替えるには、トピックページの並べ替えを読んでください。ページを削除するには、トピックページの削除を読んでください。
テストケースにページを追加するには:
-
新しいテストケースページで、 Add page ボタンをページフィールドラベルの右にあるボタンを有効にします。
ページ追加ダイアログボックスが新しいウィンドウにポップアップし、新しいテストケースページがバックグラウンドに残ります。 - テストされるページの名前を Name フィールドに入力します。
- ページアドレス（統一リソースロケーター）を URL フィールドに入力します。 Note: このフィールドは適切なプロトコル接頭辞を持つ有効なURLでなければなりません。
-
Scope フィールドで、 Whole page または Page area ラジオボタンオプションを選択します。
Page Area Note: Page area オプションを選択すると、 Selector フィールドがスコープフィールドの下に表示され、ページ領域を含む要素を定義するCSSセレクタパスを入力できます。詳細については、 CSS セレクタープロセスを参照してください。
-
オプションの Elements および Instructions フィールドを必要に応じて選択します。
- Element:、テストしたい要素（フォーム、ビデオ、オーディオ、CAPTCHA、および/または点滅するコンテンツ）を選択します。デフォルトで Forms ボックスが選択されています。必要に応じて、選択されているボックスを解除して選択を解除します。これらは、ページ上に存在しうる、1つ以上の関連チェックポイントがある要素を表しています。 Deselecting Means Not Applicable: 「ページ追加」ダイアログボックスの要素フィールドでは、ほとんどのページでは一般的でない要素をまとめて表現する複数のチェックボックスが提供されます。これらをオフのままにしておくと、テスト対象ページにこれらの要素に適用される関連ルールの実行をaxe Auditorに無視させ、関連するチェックポイントテストに「該当なし」の結果を自動割り当てさせます。ここでの選択は初期設定として行われますが、後で「自動テストのためのページ準備」画面にてテストランが開始され、自動テストが開始された際に、これらの選択をその場で変更することが可能です。
- Instructions フィールドには、テストするページ、コンポーネント、またはコンテンツに関連する指示メモテキストを入力します。このフィールドは、テストするページにアクセスするために必要なログイン情報を記録するのに適しています。ここに入力する指示は、「自動および手動のテスト準備」画面のステップ2フィールドに表示され、テスト開始前に適切にページにアクセスすることを確認するためのリマインダーとして機能します。
-
ボタンを有効にします。 Add Page button.
追加後、「ページ追加」ダイアログボックスが閉じ、「新しいテストケース：ページ（ステップ3/3）」画面の右上に「ページが正常に作成されました」というメッセージが表示され、追加された各ページは『ページ』パネルの「定義されたページ」セクションにアイテムとして表示され、 Page Name link でページを編集できる「ページ編集」ダイアログボックスが表示され、 red X icon でページを削除することができます。
並べ替えについての注意：この時点で、追加されたページを異なる順序で表示したいと思うかもしれません。これは「ドラゴン」アイコンを使用して可能です - 各追加されたページ行の右にある「定義されたページ」セクションテーブルには、下矢印と上矢印のある「把持」または「移動」ボタンが表示されます。詳細については、ページの並べ替えを参照してください。
次のステップ：
テストケースを作成した後、論理的な次のステップはテストランを作成することで、テストケース画面から開始できます。