メインコンテンツまでスキップ

no-empty-palpable-content

空のパルパブルコンテンツ要素があれば警告します。

パルパブルコンテンツは、子孫の空でないテキスト、またはユーザーが聞くことができるもの（audio要素）、もしくは見ることができるもの（video、img、canvas要素）、もしくは他の方法で相互作用することができるもの（たとえば、対話的なフォームコントロール）のいずれかを提供することにより、要素を空でないものにする。

HTML Living Standard 3.2.5.2.8 パルパブルコンテンツより引用

❌ 間違ったコード例

<div></div>
<div> </div>
<div>

</div>

✅ 正しいコード例

<div>text contet</div>
<div><img src="path/to" alt="image content" /></div>

Interface​

{
  "no-empty-palpable-content": boolean
}

Options​

{
  "no-empty-palpable-content": {
    "options": {
      "extendsExposableElements"?: boolean
      "ignoreIfAriaBusy"?: boolean
    }
  }
}
PropertyTypeDefault ValueDescription
extendsExposableElementsboolean"true"アクセシビリティツリーに公開されているパルパブルコンテンツではない要素を含めます。パルパブルコンテンツモデルには、li、dt、dd、th、tdなどの一部の要素が含まれません。このオプションは、それらの要素が空であることを検出するために存在します。
ignoreIfAriaBusyboolean"true"要素にaria-busy=trueがある場合は無視されます。

Default Severity​

warning