no-aria-on-unsupported-element

HTML仕様データがARIA属性を全くサポートしないとマークしている要素上の role 属性や aria-* 属性を、ARIA in HTMLの文書適合性要件に基づき禁止します。

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

備考

旧 wai-aria 傘ルール(#3989)から抽出されました。傘ルールは他のどのチェックよりも先に、無条件でこのチェックを実行していました。

デフォルトの深刻度

error

使用例

このルールは、ARIA属性を全くサポートしない要素上の role または aria-* 属性に対して違反を報告します。markuplint にバンドルされたHTML・SVG・MathML仕様データには、現在ARIA属性をこのように禁止する要素は存在しないため、今日時点では間違ったコード例を示すことができません。将来の仕様更新でそのような要素が追加された場合に備えたルールです。

✅ 正しいコード例

<div role="button" aria-pressed="false"></div>

Interface

{
  "no-aria-on-unsupported-element": boolean
}

Default Severity

error