Rules
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-dt | <dl>内の名前の重複禁止 | |
no-empty-palpable-content | 空のパルパブルコンテンツ要素があれば警告します。 | |
no-orphaned-end-tag | 🔧 | 対応する開始タグなしに終了タグが現れた場合に警告します。これはHTML標準における内部的なパースエラーに該当します。 |
no-unsupported-features | ターゲットブラウザでサポートされていないHTML要素や属性、実験的・非標準な要素・属性を使用している場合に警告します。 | |
permitted-contents | 許可されていない要素もしくはテキストノードを子要素にもつ場合、警告します。 | |
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-*属性が設定されていない場合に警告します。 |
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 |