wai-aria-required-props

ロールに必須のARIAプロパティが指定されていない場合に警告します。

このルールはwai-ariaルールファミリーの一部で、きめ細かなseverity制御のために分割されたものです。

❌ 間違ったコード例

<div role="slider"></div>

✅ 正しいコード例

<div role="slider" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>

条件付き必須: separator

separatorロールにおいて、aria-valuenowは要素がフォーカス可能な場合（tabindexを持つ、<button>や<a href>などのインタラクティブコンテンツである等）にのみ必須となります。フォーカス不能な<div role="separator">はWAI-ARIAに従い静的な構造的セパレーターとして扱われ、aria-valuenowは不要です。

<!-- ✅ 静的な構造的セパレーター -->
<div role="separator"></div>

<!-- ❌ フォーカス可能だが aria-valuenow が欠落 -->
<div role="separator" tabindex="0"></div>

<!-- ✅ フォーカス可能で aria-valuenow あり -->
<div role="separator" tabindex="0" aria-valuenow="50"></div>

Interface

{
  "wai-aria-required-props": boolean
}

Default Severity

error