JetBrains IDEでAxe Linterプ ラグインを使用する方法
IntelliJ IDEA UltimateとWebStormでのプラグイン使用情報
JetBrains IDE用のAxe DevTools Linterプラグイン（現在サポートされているのは IntelliJ IDEA Ultimate および WebStorm で、Linux、macOS、Windows上で動作可能）では、IDE内でアクセシビリティの問題をチェックできます。React（JSX）、React Native、Angular、Vue、HTML、Markdownの一般的なアクセシビリティ欠陥を確認できます。
IntelliJ IDEAのCommunity EditionはLSP（Language Server Protocol）をサポートしていないためサポートされていません。LSPをサポートするのはIntelliJ IDEA Ultimate EditionまたはWebStormのみです。 LSPはIntelliJ IDEA UltimateまたはWebStormの2023.2以降のバージョンも必要とします 。
使用方法の概要
プラグインはIDE内でアクセシビリティエラーを赤の波線でハイライトし、エラーを示すツールチップを提供します。ツールチップには指定されたアクセシビリティエラーについての詳細情報を得るためのリンクが含まれています： Deque University 。アクセシビリティエラーはIDEの 問題ツールウィンドウ にも表示され、以下のWebStorm例に示されます。
同様に、IntelliJの次のスクリーンショットには2つのアクセシビリティエラー（ lang 属性のスペルミスと空の見出し要素）が示されています。
プラグインが実行するアクセシビリティチェックの詳細については、 アクセシビリティルールを参照してください。
始めましょう
プラグインは、DequeのAgoraリポジトリから、Agoraアカウントを使用してダウンロードできます。
プラグインをダウンロードするにはDeque Agoraアカウントが必要です。サポートが必要な場合は、直接Dequeの担当者に連絡するか、 サポートデスクまでご連絡いただくか、 メールを送信してください。
プラグインは .jar 形式のファイルとして配布されています。ファイル名の形式は axe-devtools-linter-バージョン.jar （ここでの バージョン はプラグインのバージョンです）。
IDE内にプラグインをインストールするには、 ディスクからプラグインをインストールする手順に従ってください。
設定
プラグインを設定する必要はありませんが、 axe-linter.yml 設定ファイルを作成して、その動作を変更することができます。詳細については次を参照してください：
- Axe DevTools Linterの設定 。こちらはAxe DevTools Linterの設定オプションの参考になります
- VS CodeまたはJetBrains IDE用Axeアクセシビリティリンターでカスタムコンポーネントをリントする 。こちらはカスタムコンポーネントをリントするためのプラグイン設定情報です
アクセシビリティルールサポート
プラグインがアクセシビリティエラーを検出するために使用するルールについての詳細は、 アクセシビリティルールを参照してください。
次のステップ
このドキュメントサイトには、さまざまなAxe DevTools Linterの提供についての情報が含まれています。詳細については、 Axe DevTools Linterについてを参照してください。