Rules
The complete list of built-in rules. Most users don't need to configure these individually — presets enable them for you. See Applying Rules to customize.
Conformance checking
| Rule ID | Fixable | Description |
|---|---|---|
attr-duplication | 🔧 | 属性がひとつの要素の中で重複していたら警告します。大文字小文字を区別しません。 |
correct-aspect-ratio | imgまたはsource要素のwidth/height属性が実際の画像のアスペクト比と一致しない場合に警告します。 | |
deprecated-attr | 非推奨もしくは廃止の属性があると警告します。 | |
deprecated-element | 非推奨もしくは廃止な要素があると警告します。 | |
disallowed-element | 指定された要素がドキュメントまたは要素に存在している場合に警告します。 | |
doctype | DOCTYPEが含まれていないと警告します。 | |
heading-levels | 見出しレベルをスキップすると警告します | |
id-duplication | id属性の値がドキュメント内で重複していたら警告します。 | |
invalid-attr | 属性が仕様上（あるいは独自に指定したルール上）、存在しない属性であったり、無効な型の値だった場合に警告をします。 | |
link-types | WHATWG標準に対してrel属性のリンクタイプキーワードを検証します。 | |
no-duplicate-autofocus | ドキュメント内で複数の要素にautofocus属性を指定することを禁止します。 | |
no-duplicate-dt | <dl>内の名前の重複禁止 | |
no-duplicate-visible-main | ドキュメント内に表示状態のmain要素が複数存在することを禁止します。 | |
no-empty-palpable-content | 空のパルパブルコンテンツ要素があれば警告します。 | |
no-orphaned-end-tag | 🔧 | 対応する開始タグなしに終了タグが現れた場合に警告します。これはHTML標準における内部的なパースエラーに該当します。 |
no-unsupported-features | ターゲットブラウザでサポートされていないHTML要素や属性、実験的・非標準な要素・属性を使用している場合に警告します。 | |
permitted-contents | HTML要素のコンテンツモデルと構造的な制約を検証します。 | |
placeholder-label-option | select要素にプレースホルダーラベルオプションが必要か確認します。 | |
require-datetime | time要素に無効なコンテンツが含まれている場合、datetime属性が必要であることを警告します。 | |
required-attr | 設定された属性もしくは仕様上必須となっている属性が要素上に存在しない場合、警告をします。 | |
required-element | 指定された要素がドキュメントまたは要素に表示されなかった場合、警告します。 | |
srcset-sizes-constraint | srcset、sizes、loading属性間のWHATWG仕様制約をチェックします。 |
Accessibility
| Rule ID | Fixable | Description |
|---|---|---|
label-has-control | label要素にコントロールがない場合に警告します。 | |
landmark-roles | banner、main、complementaryおよびcontentinfoがトップレベルのランドマークか。特定のランドマークロールがページで複数回使用される場合、一意のラベルがあるか。 | |
neighbor-popovers | ポップオーバートリガーと対応するターゲットが隣接していない場合に警告します | |
no-ambiguous-navigable-target-names | リンクやその他のナビゲーション要素において、特別なナビゲーションキーワード（_blank、_self、_parent、_top）が誤って無効な対象名に置き換えられるのを防ぎ、ナビゲーションが意図した通りに動作することを保証します。 | |
no-consecutive-br | 🔧 | 連続する<br>の使用に対して警告します |
no-refer-to-non-existent-id | for、form、aria-*などに指定されたIDまたはIDのリストが、もしくはハイパーリンクに指定されたフラグメントが、同じドキュメント内に存在するIDを参照しているかどうかを確認します。 | |
undefined | undefined | |
require-accessible-name | 要素にアクセシブルな名前がなければ警告します。 | |
require-dialog-autofocus | show-modal コマンドで表示される dialog 要素に autofocus 属性を持つ要素が必要です | |
required-h1 | ドキュメント内にh1要素がなければ警告します。 | |
table-row-column-alignment | 定義された行と列の数に一貫性を確保します。 | |
use-list | ビュレット（箇条書き）文字がテキストノードの先頭にある場合は、リスト要素を使用するように求めます。 | |
wai-aria | WAI-ARIAおよびARIA in HTMLの仕様のとおりrole属性またはaria-*属性が設定されていない場合に警告します。 | |
wai-aria-abstract-role | 抽象ロールが使用された場合に警告します。 | |
wai-aria-default-value | ARIAプロパティにスペックで定義されたデフォルト値が明示的に指定された場合に警告します。 | |
wai-aria-deprecated-props | ロールにおいて非推奨のARIAプロパティ/ステートが使用された場合に警告します。 | |
wai-aria-deprecated-role | 非推奨（廃止予定）のロールが使用された場合に警告します。 | |
wai-aria-disallowed-props | 要素のロールで許可されていないARIAプロパティ/ステート、または命名禁止（naming prohibition）の対象となるARIAプロパティが指定された場合に警告します。 | |
wai-aria-implicit-props | ネイティブHTML属性と同等のセマンティクスを持つARIAプロパティが指定された場合に警告します。 | |
wai-aria-implicit-role | 要素の暗黙のロールと同じロールが明示的に指定された場合に警告します。 | |
wai-aria-interaction-in-hidden | aria-hiddenで非表示にされたサブツリー内にフォーカス可能なインタラクティブ要素がある場合に警告します。 | |
wai-aria-no-global-prop | 明示的なロールを持たない要素にグローバルでないARIAプロパティが指定された場合に警告します。 | |
wai-aria-non-existent-role | WAI-ARIA仕様に存在しないロールが指定された場合に警告します。 | |
wai-aria-permitted-roles | ARIA in HTMLの仕様において要素に許可されていないロールが指定された場合に警告します。 | |
wai-aria-presentational-children | childrenPresentationalを持つロールの子孫要素にARIA属性が指定された場合に警告します。 | |
wai-aria-required-owned-elements | ロールが必要とする子ロールを含んでいない場合に警告します。 | |
wai-aria-required-parent-role | 明示的なロールを持つ要素が必須の親コンテキストの外に配置された場合に警告します。 | |
wai-aria-required-props | ロールに必須のARIAプロパティが指定されていない場合に警告します。 | |
wai-aria-value | ARIAプロパティ/ステートの値が期待される型に適合しない場合に警告します。 |
Naming Convention
| Rule ID | Fixable | Description |
|---|---|---|
class-naming | 指定された規則に則ったクラス名でなければ警告します。 |
Maintainability
| Rule ID | Fixable | Description |
|---|---|---|
no-hard-code-id | id 属性値のハードコーディング禁止 | |
no-use-event-handler-attr | イベントハンドラ属性を指定すると警告します。 |
Style
| Rule ID | Fixable | Description |
|---|---|---|
attr-order | 🔧 | 要素の属性の順序を統一します。 |
attr-value-quotes | 🔧 | 属性値が引用符で囲われていない場合に警告をします。 |
case-sensitive-attr-name | 🔧 | 属性名が大文字小文字のどちらかに統一されていないと警告します。 |
case-sensitive-tag-name | 🔧 | タグ名が大文字小文字のどちらかに統一されていないと警告します。 |
character-reference | テキストノードや属性の値において、許可されていない不正な文字を文字参照でエスケープしていない場合に警告する。 | |
end-tag | 終了タグがない場合は警告します。 | |
head-element-order | 🔧 | <head>内の要素が期待される順序でない場合に警告します。 |
ineffective-attr | 🔧 | 指定された属性が要素に影響を与えることができない（つまり無意味である）場合は警告します。 |
no-boolean-attr-value | 🔧 | 論理属性に値を指定すると警告します。 |
no-default-value | 🔧 | 属性にデフォルト値を指定したときに警告します。 |
Removed rules
| Rule ID | Fixable | Description | Drop |
|---|---|---|---|
attr-equal-space-after | Spaces after the equal of attribute | Since v3.0 | |
attr-equal-space-before | Spaces before the equal of attribute | Since v3.0 | |
attr-spacing | Spaces between attributes | Since v3.0 | |
indentation | Indentation | Since v3.0 |