jsx_a11y/aria-unsupported-elements Correctness

🛠️ An auto-fix is available for this rule.

What it does

Enforces that reserved DOM elements do not contain ARIA roles, states, or properties.

Why is this bad?

Certain reserved DOM elements do not support ARIA roles, states and properties. This is often because they are not visible, for example meta, html, script, style. Adding ARIA attributes to these elements is meaningless and can create confusion for screen readers.

Examples

Examples of incorrect code for this rule:

<meta charset="UTF-8" aria-hidden="false" />;

Examples of correct code for this rule:

<meta charset="UTF-8" />;

How to use

To enable this rule in the CLI or using the config file, you can use:

CLI

oxlint --deny jsx-a11y/aria-unsupported-elements --jsx-a11y-plugin

Config (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/aria-unsupported-elements": "error"
  }
}

References

• Rule Source