インラインディレクティブでのリンティングルールの抑制

Axe DevTools Linterはコメントディレクティブをサポートしており、ソースファイル内で直接リンティングルールを抑制または再有効化できます。これは、既知の違反を承認しつつリンティングから除外したいが、グローバルな axe-linter.yml 設定を変更したくない場合に便利です。

ディレクティブはブロックコメント（/* ... */）、行コメント（// ...）、HTMLコメント（<!-- ... -->）で動作し、Axe DevTools Linterが処理するすべてのファイルタイプでサポートされています。

特定のルールを抑制するには、ディレクティブの後にルール名を含めます。すべてのルールを抑制するには、ルール名を省略します。

ディレクティブ

axe-linter-disable

ディレクティブの地点からファイルの終わりまで、または対応する axe-linter-enable ディレクティブが見つかるまで、一つまたは複数のルールを無効にします。

<!-- axe-linter-disable image-alt -->
<img src="logo.png" />
<!-- axe-linter-enable image-alt -->
<img src="other.png" />

すべてのルールを（1つだけではなく）無効にするには、ルール名を省略します：

<!-- axe-linter-disable -->
<img src="logo.png" />
<a href="#"></a>
<!-- axe-linter-enable -->

axe-linter-enable

以前に axe-linter-disable ディレクティブによって無効化された1つまたは複数のルールを再有効化します。以降のコードに対して再びリンティングが行われます。

<!-- axe-linter-disable image-alt -->
<img src="uncaptioned.png" />
<!-- axe-linter-enable image-alt -->
<img src="must-have-alt.png" />

axe-linter-disable-next-line

ディレクティブの直後に続く1行のみで、1つまたは複数のルールを無効にします。

<!-- axe-linter-disable-next-line image-alt -->
<img src="logo.png" />

axe-linter-disable-line

ディレクティブが記載されている行で、1つまたは複数のルールを無効にします。

<img src="logo.png" /> <!-- axe-linter-disable-line image-alt -->

関連情報

• 設定ファイルオプション（ルールをグローバルに無効にすることも含む）については、 Axe DevTools Linterの設定をご覧ください。
• ルールの全リストについては、 アクセシビリティルールをご覧ください。