手動テスト
手動テストは、axe Auditorの主な目的です。ユーザーインターフェース内で案内される情報を利用して、個々のチェックポイントテスト画面で大まかなカテゴリに基づいて整理されたDeque方式のアクセシビリティテストを進めることができます。これらの画面では、テスト手法を読み、テスト対象のページまたはコンポーネントと対話するためのツールを活用し、発見した問題について詳細な情報を記録し、スクリーンショットを添付し、レビューのためのフラグを立て、合格、不合格、適用外といった結果でマークすることができます。
手動テストは次のように開始できます:
- 自動テストをスキップした後に開始
- 手動テスト準備ページで開始
- 「チェックポイントテスト」ページ(またはコンポーネント)画面から継続
- テストブラウザへの接続なしで実施
- 自動テストなしで実施
- 自動テストの前または後に実施
- 自動テストを実行せずに完了
手動の問題を追加する
手動の問題を追加するには:
注: 各チェックポイント画面(例: アクティブ画像のテキスト代替 1.1.1.a)で、画面のヘッディングの直下にある問題を追加ボタンをクリックしてください。
「新しい問題を追加」ダイアログボックス(ポップアップウィンドウ)が前面に表示され、複数の入力および選択フォームフィールド、さらに保存ボタンがあります。
- 概要フィールドに、問題の性質を簡潔に要約したテキストを入力します。このフィールドは、「説明を概要として使用する」チェックボックスが選択されている場合、入力が無効化されます。
- チェックボックス「説明を概要として使用する」を選択すると、下記フィールドで指定された説明と概要が同じになります。これがデフォルトで選択されています。
- チェックポイントフィールドで下向き矢印をクリックし、現在アクセスしているチェックポイントと異なる場合、リストから該当するチェックポイントを選択します(デフォルトでこのフィールドに自動的に選択されポピュレートされています)。
- レビュー用にフラグ: この項目が必要に応じてレビュー用に自動的にフラグされるようにするには、このチェックボックスを選択します。 注: これにより、フィールドの下にフラグ理由テキストボックスが表示され、レビューのためにフラグを立てた理由を入力できます。
- 「新しい問題を追加」ダイアログボックスフォームのフィールドを必要に応じて入力します。
以下の説明を参照してください:
- 説明: 「独自の説明を作成する」がデフォルトで選択されています。チェックポイントフィールドでの選択に基づき、リストは関連する問題項目で自動的にポピュレートされます。最も適切なオプションを選択します。以前に「説明を概要として使用する」のチェックボックスを選択した場合、概要フィールドは説明フィールドと同じ内容で自動的にポピュレートされます。
- 詳細: このフィールドは自由形式のテキストエントリフィールドで、説明フィールドに含まれていない追加情報を記録するために使用できます。例えば、改善のアドバイスを含めることができます。
- 問題タイプ: 選択を行う前に以下の説明を参照してください:
- アクセシビリティ: 問題は、障害のあるユーザーがサイトのコンテンツや機能にアクセスする能力に影響を与えます。チェックポイントテストに失敗します。
- ベストプラクティス: 問題は、障害のあるユーザーがサイトのコンテンツや機能にアクセスする能力に影響を与えますが、チェックポイントテストには失敗しません。これを違反とは見なされません。
- ユーザーエージェント: 問題はページのコンテンツ自体ではなく、ユーザーエージェントのページとのやり取りに起因します。
- 機能: 問題はページの機能に起因し、機能上の欠陥と見なされるべきです。
- ユーザビリティ: 問題は、すべてのユーザーがサイトのコンテンツや機能にアクセスする能力に影響を与えます。
- 影響フィールドで下向き矢印をクリックし、リストから該当する影響レベルを選択します。注: 重大がデフォルトで選択されています。選択を行う前に以下の説明を参照してください:
- 重大: この問題は、障害のある個人にとってコンテンツがブロックされる結果をもたらします。解決策が実装されるまではコンテンツには完全にアクセスできず、貴社は法的措置に対して非常に脆弱になります。修正が最優先されるべきです。
- 深刻: この問題は、障害のある個人にとって深刻な障壁をもたらします。解決策が実装されるまでは、一部のコンテンツにはアクセスできず、貴社は法的措置に対して脆弱になります。支援技術を利用するユーザーは、コンテンツにアクセスしようとする際にかなりのフラストレーションを感じるでしょう。修正が優先されるべきです。
- 中程度: この問題は、障害のある個人にいくつかの障壁をもたらしますが、基本的な要素やコンテンツにアクセスすることを妨げるものではありません。これは、法的措置に対して貴社を脆弱にする可能性があります。この違反は完全準拠と見なされる前に解決される必要があります。
- 小規模: これは、中程度の問題よりもユーザーへの影響が少ないと考えられる問題です。ページが完全準拠と見なされるためには、この問題は解決される必要がありますが、最後に対処可能です。
- ブロッカー: 障害のある人々にとって致命的な障害を引き起こします。これらの問題は、基本的な機能やコンテンツにアクセスすることを完全に妨げるもので、回避策はありません。この種の問題は貴社を高いリスクにさらします。即座に修正を優先し、可能な限り早くホットフィックスとして展開する必要があります。非常に稀であるべきです。
セレクタ、ソースコード、スクリーンショット、および推奨事項セクションで、次の詳細を記入してください:
- セレクタ: ページの要素に関連付けられたCSSセレクタ名を入力します。このセレクタはその要素をターゲットにするために使用できます。シンプルなセレクタ(クラス、IDなど)またはセレクタパスを使用できます。 CSS IDを使用する場合は、IDの先頭を#で始めてください。CSSクラス名の場合は、ピリオドまたはドット(.)で始めてください。例:#myidname や .myclassname。詳細については、CSSセレクタプロセスをご覧ください。
- ソースコード: 必要に応じて、テスト中のページから関連するソースコードを貼り付けてください。
- スクリーンショット: アップロードボタンをクリックし、目的の画像ファイルを参照して選択し、次に「開く」をクリックします。詳細については、問題にスクリーンショットを追加するをご覧ください。
- 推奨技術: ドロップダウンボックスから推奨タイプを選択します。問題を修正するために独自の推奨技術を書くことも、画像の変更に伴う代替テキストを選択することもできます。
- 修正のための推奨事項: この自由記入形式のテキストフィールドに、説明フィールドに含まれない追加情報を任意に記録してください。これには修正アドバイスを含めることができます。「画像の変更に伴う代替テキストを選択する」オプションを推奨技術フィールドで選択した場合、このフィールドは自動的に詳細で埋められます。
- 問題を追加するボックスをチェックすることで、現在のものを保存する際に、別の新規問題追加ダイアログボックスフォームを表示します(必要に応じて)。
- 問題を作成するボタンをクリックしてください。
テスト状況セクションのマニュアルテストフィールドは、「# ログされた問題」のカウントを更新し、選択したチェックポイント画面には「# ログされた問題」更新が表示され、チェックポイントテストハブ画面の右上には「問題が正常に保存されました...」という確認メッセージが表示されます。
関連手順: 問題は個々のチェックポイントページからも追加できます。詳細については、問題の追加(チェックポイント特定)をご覧ください。
自動化およびIGT問題のインポート
Axe Auditorユーザーは、axe DevTools Pro拡張を使用してJSONファイルとしてエクスポートされた問題を、テストユニットレベルでインポートすることにより、自動化された問題とIGT問題を一度にインポートできます。
注 - axe DevToolsインポートにおけるIGTの複数実行: プロ機能であるaxe DevTools拡張の複数実行機能を使用し、axe Auditorテスト実行にインポートするためにエクスポートを使用する場合、複数回の実行を通じて総計としてインポートされます(重複を手動で削除した後)。
テストユニットが含めることができる問題(手動問題を除く)には、次の2種類があります:
- 自動化された問題 - Auditor内から、またはユーザーによってアップロードされたJSONファイルから。
- IGT問題 - ユーザーによってアップロードされたJSONファイルからIGTテストを実行する際にaxe DevTools Pro拡張が見つけることができるすべての問題がIGT問題としてマークされます。
テストユニット概要ページでは、IGTテストをインポートするための「IGT Testing」というセクションを使用します。このセクションには以下が含まれます:
- 完了したIGTテストの数を示すIGTテスト状況、
- ログされた問題の数、そして
- Deque Systemsによって提供された事前定義形式のJSONファイルをアップロードできる「問題をインポート」ボタン。
「問題をインポート」ボタンをクリックすると、アップロード確認ダイアログボックスが表示され、JSONファイルを使用してIGT問題をインポートできます。JSONファイルの生成にはaxe DevTools拡張のJSONオプションを使用してください(エクスポート→保存されたテストと問題→JSONオプション)。
インポートの方法を選択し、含める問題の種類を選択できます。利用可能なオプションは次のとおりです:
-
既存の問題を置き換える: このオプションは、選択した種類の現在のすべての問題を新しくインポートされたセットで上書きします。
-
インポートされた問題を追加する: このオプションは既存の問題を保持し、新たにインポートされた問題をそれらに沿って追加します。現在の進行を取り消すことはありません。
警告: 問題を追加すると、インポートされたセットが既存の問題と重複する場合、重複が発生する可能性があります。このオプションを使用するときは、インポートに重複が含まれていないと確信している場合にのみ使用してください。
注意1: IGT問題をインポートする際に、既存の自動化された問題を保持するか、ファイル内の自動化された問題に置き換えるかを選択できます。テストユニットにすでに自動化された問題が含まれている場合です。
注意2: デジタルアセットタイプがデスクトップウェブやモバイルウェブでない場合、自動化テストを実行したりIGT問題をインポートしたりすることはできません。テスト実行概要ページのボタンには、「自動テストを実行」や「問題をインポート」ではなく「該当なし」と表示されます。
自動テストの再実行
すでにコンポーネントやページで自動テストが実行されていますが、ページを変更した場合、関連するテスト実行がまだ完了していない場合は、「チェックポイントテスト for ページ(またはコンポーネント): <ページ(またはコンポーネント)名>」画面から自動テストを「再実行」できます。
開始する前に: まず、希望するチェックポイントテストのページ:「<Page Name>」画面(Test Runs > Test Run Overview: <Page Name> > Resume)に移動する必要があります。詳細は、テスト実行の再開を参照してください。
自動化されたテストを再実行するには:
- チェックポイントテストのページ:「<Page Name>」画面で、画面のテストステータスセクションから自動テストの再実行リンクをアクティブにします。
- 自動テストの再実行 確認ポップアップウィンドウで、はい、再実行します ボタンをアクティブにします。
- 自動および手動テスト準備ページ画面で、Send URL ボタンをアクティブにします。
- テストされるページは、接続されたテストブラウザに表示されます。
自動および手動テスト準備ページ画面で、テストを開始 ボタンをアクティブにします。
注意 - 別の開始ポイント - 自動テスト画面: 自動テスト画面の左下にある 自動テストの再実行 ボタンをクリックして、自動テストを再実行することもできます:







