axe Expert オリエンテーション
axe Expert 拡張機能に親しむ
axe Expert 拡張機能は正式に引退しました。詳細は axe Expert の代替 ページをご覧ください。これらのページは 2024年7月に削除されます。ご質問や懸念がある場合は、helpdesk@deque.com にメールしてください。
axe Expert 拡張機能は、ブラウザのデベロッパーツールと統合されており、ウェブ開発者がウェブページの問題を検査、トラブルシュート、および解決するために使用する機能です。インストール後、axe Expert タブがデベロッパーツールのタブバーにオプションとして表示されます。このボタンをクリックすると、ツールバーの下に5つの主要なタブが水平バーに表示され、それぞれにタブバーの下に独自のツールバーがあります。タブ専用のツールバーの下には、ボタンやリンクのような追加のコントロールを表示するメインパネルの結果コンテンツがあります。
コンポーネント
以下の 5つの主要なコンポーネント は、DevTools ツールバーで axe Expert 拡張機能を有効にした後に表示されます:
-
axe Expert タブ: ブラウザの DevTools ペインの上にある、axe Expert を含むタブ。完全なインストール情報については axe Expert 拡張機能のダウンロードとインストール を参照してください。タブをクリックすると、axe Expert がアクティブなツールになり、他のツールやツールボックスのコントロールは水平バーに残ります。
-
メインメニューパネルのドロップダウンナビゲーションメニュー: いわばツール内のツールであり、axe Expert 拡張機能内の「ページ」としても考えることができます。下向き矢印を選択するとリストが表示されます。リスト内のリンク項目を選択してパネルを表示します。
メインメニューからアクセスできるパネルには以下が含まれます:
-
分析: 読み込まれたページをアクセシビリティルールの違反について分析し、それぞれの詳細を確認し、axe Monitor からのダウンロードまたはアップロードを行います。完全な詳細については 分析 を参照してください。
-
Page Insights: 支援技術に利用可能なページ内の機能の分析。完全な詳細については ページインサイト を参照してください。 -
Tools: ページインサイトは、スクリーンリーダーが使用するアクセシビリティオブジェクトモデル（AOM）のコンポーネントを効果的に表示します。 -
Scripts: 読み込まれたページで行われた一連のアクションをイベントのスクリプトとして記録し、それを再生することができ、axe Monitor にアップロードまたはダウンロードすることができます。これにより、面倒なタスク（例: ログインフォームの入力）の手順を自動化するためにスキャンに適用することができます。完全な詳細については スクリプト を参照してください。 -
Rules: JSONファイルを通じてカスタムルールを送信し、これを設定タブのルールセットセクションでオプションとして選択可能にします。これにより、自分のルールセットを選定し、ページ分析の一部として実行することができます。完全な詳細については ルールパネル を参照してください。 -
Settings: axe Monitor にログインし、分析で対象とする基準を指定します。さらに、プロジェクトを選択または「切り替え」た場合、組織名とプロジェクト名が表示されます。詳しくは axe Monitor にサインイン を参照してください。
-
-
Extension version number: 拡張機能のバージョン番号は、拡張機能ウィンドウの上部にある拡張機能タイトルのすぐ下に表示されます。 -
Pane specific menu, navigation tools and notification area: 垂直エリプシスボタンは、現在アクセスしているペインに特化したメニューです。違反ナビゲーションボタン、検査/ハイライトボタン、ドロップダウンメニューなどの追加ツールや、ツールの応答メッセージは、この一般的なペイン専用のツールバー領域内に表示されます。表示されるツールは、選択されているアクティブペインビューにのみ特化しています（例えば、Analyze ペイン）。ここで表示される一部の機能は、ブラウザの DevTools と統合されています。 -
Content pane(s) area: メインウィンドウは完全に axe Expert により制御されており、特定のものですが、ハイライトや検査など他の統合 DevTools と連携する機能もあります。選択したペインに応じて、シングルペインウィンドウやスプリットまたは複数ペインのウィンドウが存在することがあります。このデベロッパーツールの領域は、ルール、違反、シミュレーション、スクリプトイベントといったコンテンツを表示します。内部ペインには、ボタンやリンクなどのアクション可能なユーザーコントロールも含まれています。各ペインの使用に関する詳細については、それぞれのペイントピックを参照してください。