`wai-aria-disallowed-props`

ARIA in HTML が定める以下の方法で禁止されているARIAプロパティ/ステートを検出します。

計算されたロールで許可されていない — 例: role="heading" 上の aria-pressed
命名禁止（naming prohibition） — <cite>、<abbr>、<figcaption> のような暗黙ロールを持たない要素や autonomous custom element (<my-widget> 等) では、命名をサポートするロールを明示的に設定しない限り、aria-label、aria-labelledby、aria-braillelabel を使用できません。Customised-built-in (<button is="x-y">) はホスト要素の spec data を継承するため通常経路で評価されます。
要素固有の禁止 — 特定の要素状態ではすべての aria-* 属性が禁止されます（例: <input type="hidden">）。また、ある属性が指定されているときに別の aria-* が禁止される場合もあります（例: <button popovertarget> では popover API が状態を自動管理するため aria-expanded 禁止）。
要素固有のホワイトリスト — 一部の要素はごく限られた aria-* 属性のみ受け付けます（例: <br>/<wbr> は aria-hidden のみ）。ホワイトリスト外の属性は拒否されます。

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

❌ 間違ったコード例

<div role="heading" aria-pressed="true"></div>
<cite aria-label="x">y</cite>
<my-widget aria-label="x">y</my-widget>
<br aria-atomic="true" />
<input type="hidden" aria-hidden="true" />
<button popovertarget="p" aria-expanded="false">Toggle</button>

✅ 正しいコード例

<div role="button" aria-pressed="true"></div>
<cite role="button" aria-label="x">y</cite>
<my-widget role="button" aria-label="x">y</my-widget>
<br aria-hidden="true" />
<input type="hidden" />
<button popovertarget="p">Toggle</button>

Interface

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

Default Severity

error

Interface​

Default Severity​

Interface

Default Severity