ページの追加
テストケースを新規作成するためには、少なくとも1つのページを追加する必要があります。ページとは、テストケース内でアクセシビリティをテストしたい個別のページまたは特定のページ固有のコンテンツを指します。それはフルWebページでも、一部のページでも（例: モーダル）可能です。指定されたページに存在する共通コンポーネントは、そのページのテストの一部としてテストされません。現在、最低要件は1ページです。技術的にはページの最大数に制限はありませんが、効率を確保するために30を超えないことをお勧めします。
この表では、「ページを追加」のダイアログボックスの各フィールドを左の列に、各フィールドの使い方の説明を右の列に示しています。
新規テストケース: ページ (ステップ3/3) 画面 > ページを追加ダイアログボックス - フィールド使用説明
| フィールド | 使用説明 |
|---|---|
| 名前 | 必須。このフィールドには通常、ページのタイトルやページ内の特定の領域の名前が短いテキストで入力され、アクセシビリティ適合の対象を一意に識別します。このフィールドに入力できる最大文字数は150です。 |
| URL | 必須。アクセス可能性をテストするページ、サイト、またはアプリケーションの完全修飾ドメイン名として、Uniform Resource Locatorを入力します。 |
| 範囲 | 全ページ ラジオボタンオプションを選択すると、ページ全体が対象となります。または、 ページ領域 オプションを選択して、ページの一部のみを指定します。「 ページ領域 」オプションが選択されると、 セレクタ フィールドが範囲フィールドの下に表示され、適切なCSSセレクタを入力できます。これは、クラスやID、またはセレクタパスのような単純なセレクタで構成されます。CSS IDを使用する場合は、IDを「#」で始めることを確認してください。CSSクラス名の場合は、「.」で始めます。例: #myidname または .myclassname。詳細については、「 CSSセレクタプロセス」を参照してください。 |
| ページに存在する要素 | 該当するすべての項目にチェックを入れます。必要に応じてチェックを外すこともできます。「 フォーム 」チェックボックスはデフォルトで選択されています。これにより、特定のタイプの要素とそれに関連するアクセシビリティ規則およびチェックポイントを対象または無視し、テストされる内容を制限できます。 |
| 指示 | テスターがページをテストする前に理解する重要な詳細な指示を入力してください（例: アクセスおよび/またはテストするべきページ要素を公開するために必要な情報）。注: より広いフィールドスペースが必要な場合は、テキストボックスの右下隅を選択してドラッグして拡張します。 |
始める前に：この手順は、新しいテストケースを作成する過程でページを追加することを前提としていますが、既存のテストケースに新しいページを追加して編集する場合にも適用されます。新しいテストケースにページを追加したい場合は、まず新しいテストケースを作成する手続きを開始する必要があります。詳細については、「 新しいテストケースの作成」を参照してください。 既存のテストケースにページを追加するには、「 テストケースの編集 」をテストケースページのアクション列から選択します。詳細については、「 テストケースの編集」を参照してください。 テストケースの編集フォーム（ダイアログボックス）は新しいテストケースと同じですが、既にフィールドが入力されており、少なくとも1つのページが追加されています。
既存のページの操作：
詳細ページでCSVファイルアップロード方法を使用して共通コンポーネントとページを一括インポートした場合、ページの右側に既存のページが表示されることがあります。ページを編集するには、「 ページの編集」トピックをお読みください。ページの順序を変更するには、「 ページの並べ替え」トピックをお読みください。ページを削除するには、「 ページの削除」トピックをお読みください。
テストケースにページを追加する：
-
新しいテストケースページで、ページフィールドラベルの右にある Add page ボタンを有効にします。
「ページ追加」ダイアログボックスが新しいウィンドウでポップアップし、「新しいテストケース」ページがバックグラウンドに残ります。 - テストするページの名前を Name フィールドに入力します。
- ページアドレス（Uniform Resource Locator）を入力（または貼り付け）します 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 追加後、「ページ追加」ダイアログボックスが閉じ、「新しいテストケース: ページ（ステップ3/3）」画面の右上に「ページが正常に作成されました」というメッセージが表示され、追加した各ページが「ページ定義」セクションの「ページ」パネル内の項目として表示されます。それぞれのページには、
ボタンが表示され、「ページ編集」ダイアログボックスでページを編集することができ、 Page Name link ボタンでページを削除することができます。 red X icon 整列順再設定の注意
：この時点で、追加したページを異なる順序で表示したいと思うかもしれません。これは「ドラゴン」アイコンを使用して可能です - 追加した各ページ行の右にある「つかむ」または「移動」ボタンで下向きと上向きの矢印が表示されます。詳細はページの再整列 を参照してください。次のステップ：
テストケースを作成した後、論理的な次のステップはテストランを作成することであり、これはテストケース画面から開始できます。
After you've created a Test Case, a logical next step is to create a Test Run, which can be initiated from the Test Cases screen.