no-contradictory-aria-prop

ARIA in HTML §4 に基づき、ネイティブ HTML 属性はその ARIA 等価物より優先されなければなりません。ARIA プロパティの値が、等価なネイティブ HTML 属性の現在の値または暗黙の値と矛盾している場合に警告します。

ARIA 属性の名前は、no-unknown-attr が属性名を比較するのと同じ方法(同ルールの「属性名の大文字・小文字」節を参照)で比較されます。DOM が属性名の大文字・小文字を区別しない場合(HTML 要素など)は ARIA-LABEL と aria-label は同じ属性として扱われ、区別する場合(JSX の <svg> 要素など)は別の属性として扱われます。

旧wai-aria-implicit-propsルールから、no-redundant-aria-propとともに分割されました。この矛盾側はmustレベル(error)ですが、冗長側はshouldレベル(warning)のままです。

❌ 間違ったコード例

<input type="checkbox" checked aria-checked="false" />

✅ 正しいコード例

<input type="checkbox" checked />

Interface

{
  "no-contradictory-aria-prop": boolean
}

Default Severity

error