JetBrains IDEでAxe Linterプラグインを使用する方法

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

IntelliJ IDEA UltimateとWebStormでのプラグイン使用情報

Free Trial
Not for use with personal data

JetBrains IDE用のAxe DevTools Linterプラグイン(現在サポートされているのは IntelliJ IDEA Ultimate および WebStorm で、Linux、macOS、Windows上で動作可能)では、IDE内でアクセシビリティの問題をチェックできます。React(JSX)、React Native、Angular、Vue、HTML、Markdownの一般的なアクセシビリティ欠陥を確認できます。

important

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例に示されます。

プラグインがWebStormでアクセシビリティエラーを示す方法を示しています。エラーはボタンテキストがないことと、不正な定義リストです。

同様に、IntelliJの次のスクリーンショットには2つのアクセシビリティエラー( lang 属性のスペルミスと空の見出し要素)が示されています。

IntelliJのこのスクリーンショットには2つのアクセシビリティエラーが示されています。1つ目はlang属性のスペルミスで、2つ目は空の見出しです。

プラグインが実行するアクセシビリティチェックの詳細については、 アクセシビリティルールを参照してください。

始めましょう

プラグインは、DequeのAgoraリポジトリから、Agoraアカウントを使用してダウンロードできます。

important

プラグインをダウンロードするにはDeque Agoraアカウントが必要です。サポートが必要な場合は、直接Dequeの担当者に連絡するか、 サポートデスクまでご連絡いただくか、 メールを送信してください

JetBrainsプラグイン

プラグインは .jar 形式のファイルとして配布されています。ファイル名の形式は axe-devtools-linter-バージョン.jar (ここでの バージョン はプラグインのバージョンです)。

IDE内にプラグインをインストールするには、 ディスクからプラグインをインストールする手順に従ってください。

設定

プラグインを設定する必要はありませんが、 axe-linter.yml 設定ファイルを作成して、その動作を変更することができます。詳細については次を参照してください:

アクセシビリティルールサポート

プラグインがアクセシビリティエラーを検出するために使用するルールについての詳細は、 アクセシビリティルールを参照してください。

次のステップ

このドキュメントサイトには、さまざまなAxe DevTools Linterの提供についての情報が含まれています。詳細については、 Axe DevTools Linterについてを参照してください。