共通コンポーネント
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を提供する必要があります。必要に応じて、ターゲットにすべきか無視すべきかを指定する珍しい要素タイプや、テスト対象のコンポーネントにアクセスするための関連するテキスト指示を指定できます。
以下の表では、左の列に「新しいコンポーネントを追加」ダイアログボックスの各フィールドを、右の列にはそれぞれの使用説明を一覧にしています。
| フィールド | 使用説明 |
|---|---|
| コンポーネント名 | 必須。コンポーネントを一意に識別する名前を入力してください。 |
| サンプルURL | 必須。コンポーネントが存在するページの1つのURLを入力または貼り付けてください。これは自動テストに必要です。 |
| セレクタ | 必須。コンポーネントが存在する要素を定義するカスケーディングスタイルシート（CSS）セレクタを貼り付けて、その要素を自動テストでターゲットにします。セレクタはクラスやIDなどのシンプルなものであるか、セレクタパスであることができます。CSS IDを使用する場合は、IDを#で始めてください。CSSクラス名の場合は、ピリオドまたはフルストップ（.）で始めてください。例: #myidname または .myclassname。詳細については、CSSセレクタを参照してください。 |
| ページ上の要素 | 該当するもの全てをチェックしてください。フォームチェックボックスはデフォルトで選択されています。これにより、特定の種類の要素や、その関連するアクセシビリティ規則やチェックポイントをターゲットにしたり無視したりして、テスト対象を制限することができます。 |
| 指示 | テスターがコンポーネントをテストする前に理解/実行するために重要な詳細な指示（たとえば、テストするページ要素にアクセスしてエクスポーズするために必要な特定の情報）を入力してください。 |
| 別のコンポーネントを追加 | 現在のコンポーネントを追加した後に、同じ手順で別の共通コンポーネントを追加し続けたい場合は、このボックスをチェックしてください。これにより、「新しいコンポーネントを追加」ボタンをアクティブにした直後に、新しい空の「新しいコンポーネントを追加」ダイアログボックスのフォームウィンドウが表示されます。 |
既存のコンポーネントを操作する
詳細ページでCSVファイルアップロード方法を使用して共通コンポーネントとページを一括インポートした場合、ページの右側に既存の共通コンポーネントが表示されることがあります。既存のテスト実行でコンポーネントを編集する方法については、コンポーネントを編集するのトピックを読んでください。既存のコンポーネントを削除するには、共通コンポーネントを削除するのトピックを読んでください。