自動色コントラスト解決ツール

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
Free Trial
Not for use with personal data

Dequeの強力な機械学習アルゴリズムを活用して、axe DevTools Extensionは、自動スキャンで検出された「要確認」色コントラスト問題が実際に問題であるかどうかを自動的に判断することができます。

note

自動色コントラスト解決ツールを使用するには、「要確認オプション」が有効されている必要があります。

「要確認」色コントラスト問題

axe-coreによる自動スキャンが、要素の前景色と背景色を正確に判断できない特定のケースがあります。たとえば、テキストがグラデーションや背景画像の上にレンダリングされる場合です。「偽陽性を出さない」というaxe-coreの信条に精通している方なら、レビュされるまでこれらの問題を最終的なものとしないことがなぜ重要であるかを理解できるでしょう。偽陽性を追いかけるのに時間を無駄にしたくないので、これまでこれらを「要確認」と分類し、問題が本物かどうか確認するために手動でのレビューが必要であることを示しています。

自動色コントラスト解決ツールを使用すると、この手動のレビューを自動レビューに置き換えることができます。

自動色コントラスト解決ツールの仕組み

Proプランのユーザーが初めて「要確認」色コントラスト問題(「要素は十分な色コントラストを持つ必要があります」)を伴うスキャンを実行すると、新機能を知らせるダイアログが表示されます。その後、この新機能をどのように実行するかを選択できます。

  • 実行するタイミングを選択 (推奨): レビュ可能な色コントラスト問題が発生した場合、スキャン後いつでも実行できます。
  • 各スキャン後に自動で実行: レビュ可能な色コントラスト問題が発生した場合、このツールは自動で実行されます。

初回モーダルの色コントラストアナライザーのスクリーンショット:このツールをどのように実行しますか?

ツールが実行されるタイミングの選択

「実行するタイミングを選択」オプションをお勧めします。これにより、ユーザーはツールがいつ実行されるかを詳細にコントロールでき、スキャン時間も自動で増加しません。「要確認」色コントラスト問題がある場合は、「レビューするための(x)件の色コントラスト問題を見つけました。自動でレビューするにはクリックしてください」というボタンが(ページのメインコンテンツ内に)表示されます。

各スキャン後にツールを自動で実行する

ユーザーは、各スキャン完了後にツールを自動で実行するオプションに参加できます。これにより、各スキャンの完了にかかる時間が大幅に増加する可能性があります。このモードでは、自動スキャン完了後にすぐに色コントラストツールが実行されます。

ツールチップ付きのトリガー画面の色コントラストアナライザーのスクリーンショット

ツールが実行中の場合、モーダルがその進行状況を示すために表示されます。

色コントラストアナライザー進行状況バーのスクリーンショット:「8件中7件の潜在的な色コントラスト問題をレビュー中」

結果

色コントラスト処理が終了すると、本当の問題として確認された件数(「要確認」のままではない)、問題ではないと判断された件数、および「要確認」のままである件数についてユーザーに通知されます。問題として確認されたものは「要確認」としてはマークされず、代わりに本当の「自動」問題として表示されます。非問題と判断された問題は、対応すべき色コントラスト問題がないことを示し、削除されます。残りの問題は「要確認」のままで、手動でレビューする必要があります。

色コントラストアナライザー結果のスクリーンショット。5件合格、2件不合格、1件が要確認のまま

構成

「要確認」色コントラストアナライザーツールは、「色コントラストレビュー設定」の見出しの下で高度な設定で構成できます。

高度な設定の色コントラストアナライザーのスクリーンショット「自動色コントラスト有効化」チェックボックス

この設定は“AutomaticColorContrastReview”プロパティ名で拡張機能ポリシーを通じて全組織にわたって構成することもできます。このプロパティは「automatic」に設定することができ、「各スキャン後に自動で実行」に相当します。「manual」に設定することもでき、「実行するタイミングを選択 (推奨)」に相当します。

詳細設定の色コントラストアナライザーのスクリーンショット「ツール実行オプション」選択リスト