共通コンポーネント
This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
共通コンポーネント（サイトのヘッダーやフッターのように、複数ページにまたがって繰り返されるページの一部）を使用したテストを行うことで、課題の重複を避け、繰り返し表示されるコンポーネントを1回だけテストすることでテストの労力を削減できます。
Axe Auditorを使用すると、共通コンポーネントをテストケースに追加できます。この簡単なプロセスでは、コンポーネント名とそのコンポーネントが存在する要素を定義するセレクタを指定します。
加えて、そのコンポーネントを含むページのURLを1つ提供する必要があります。必要に応じて、対象とするまたは無視する要素の種類を指定したり、テスト対象のコンポーネントにアクセスするための関連したテキスト指示を提供したりできます。
以下の表は、「新しいコンポーネントを追加」ダイアログボックスの各フィールドを左列に、右列にその使用説明を示しています。
| フィールド | 使用説明 |
|---|---|
| コンポーネント名 | 必須。コンポーネントを一意に識別する名前を入力します。 |
| サンプルURL | 必須。コンポーネントが存在するページのURLを入力または貼り付けます。これは自動テストに必要です。 |
| セレクタ | 必須。コンポーネントが存在する要素を定義する、Cascading Style Sheet（CSS）セレクタを貼り付けて、自動テストでその要素にターゲットを定めます。これはクラスやIDのような単純なセレクタ、またはセレクタパスでも構いません。CSS IDを使用する場合は、必ずIDを#で始めてください。CSSクラス名の場合は、ピリオドまたはフルストップ（.）で始めます。例：#myidname または .myclassname。詳細については、", "context": "table cell CSSセレクタをご参照ください。 |
| ページに存在する要素 | 該当するすべてをチェックします。 フォーム チェックボックスはデフォルトで選択されています。これにより、特定のタイプの要素とそれに関連したアクセシビリティ規則およびチェックポイントをターゲットとするか無視するかを選択して、テストする内容を制限できます。 |
| 指示 | テストするコンポーネントをテストする前に、テスターが理解/実行するために重要な詳細な指示を入力します（例えば、テストするページ要素にアクセスするおよび/またはそれを露出させるために必要な特定の情報）。 |
| 他のコンポーネントを追加 | 現在のコンポーネントを追加した後に、同じ手順で別の共通コンポーネントを追加したい場合は、このボックスをチェックします。「新しいコンポーネントを追加」ボタンをアクティブにするとすぐに、新しい空白の「新しいコンポーネントを追加」ダイアログボックスフォームウィンドウが表示されます。 |
既存のコンポーネントを操作
CSVファイルアップロード方式を使用して、詳細ページで共通コンポーネントとページを一括インポートした場合、ページの右側に既存の共通コンポーネントが見つかるかもしれません。既存のテスト実行でコンポーネントを編集する方法については、 コンポーネントの編集についてのトピックをお読みください。既存のコンポーネントを削除するには、 共通コンポーネントの削除についてのトピックをお読みください。