共通コンポーネント
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
共通コンポーネント（サイトのヘッダーやフッターのように複数のページで繰り返されるページの一部）を使用したテストは、問題の重複を避け、繰り返されるコンポーネントを一度だけテストすることでテスト作業を削減できます。
Axe Auditorを使用すると、コンポーネント名とそのコンポーネントが存在する要素を定義するセレクタを指定する簡単なプロセスを通じて、テストケースに共通コンポーネントを追加できます。
さらに、コンポーネントを含むページのURLを1つ提供する必要があります。オプションとして、ターゲットにすべきまたは無視すべきあまり一般的でない要素タイプや、テストされるコンポーネントへのアクセスに関連する指示を指定することができます。
次の表では、「新しいコンポーネントの追加」ダイアログボックスの各フィールドを左列に、各フィールドの使用説明を右列に示しています。
| フィールド | 使用説明 |
|---|---|
| コンポーネント名 | 必須。コンポーネントを一意に識別する名前を入力してください。 |
| サンプルURL | 必須。コンポーネントが存在するページのURLを入力または貼り付けてください。これは自動テストに必要です。 |
| セレクタ | 必須。CSSセレクタを貼り付け、コンポーネントが存在する要素を自動テストでターゲットするように定義してください。これには、クラスやID、またはセレクタパスのような単純なセレクタを使用できます。CSS IDを使用する場合、IDの前に#を付けてください。CSSクラス名の場合はピリオドまたはドット（.）から始めてください。例: #myidname または .myclassname。詳細は CSSセレクタ。 |
| ページ上の要素 | 該当するすべてにチェックを入れてください。 フォーム チェックボックスはデフォルトで選択されています。これにより、特定のタイプの要素とその関連するアクセシビリティルールやチェックポイントをターゲットまたは無視することができ、テストする内容を制限できます。 |
| 指示 | コンポーネントをテストする前に理解/実行することが重要な詳細な指示を入力してください（たとえば、アクセスしまたはテストされるページ要素を露出させるために必要な特定の情報）。 |
| 別のコンポーネントを追加 | この同じ手順で現在のコンポーネントを追加した後、さらに別の共通コンポーネントを追加したい場合は、このボックスにチェックを入れてください。これにより、「新しいコンポーネントの追加」ボタンをアクティブ化した直後に、新しい空白の「新しいコンポーネントの追加」ダイアログボックスのフォームウィンドウが表示されます。 |
既存のコンポーネントの操作
CSVファイルアップロード方法を使用して詳細ページで共通コンポーネントとページを一括インポートした場合、ページの右側に既存の共通コンポーネントが表示されることがあります。既存のテストランのコンポーネントを編集する方法を知るには、トピック コンポーネントの編集を読んでください。既存のコンポーネントを削除するには、トピック 共通コンポーネントの削除を読んでください。