noAriaUnsupportedElements
Ta treść nie jest jeszcze dostępna w Twoim języku.
Summary
Section titled “Summary”- Rule available since:
v1.0.0 - Diagnostic Category:
lint/a11y/noAriaUnsupportedElements - This rule is recommended, which means is enabled by default.
- This rule has an unsafe fix.
- The default severity of this rule is error.
- Sources:
How to configure
Section titled “How to configure”{ "linter": { "rules": { "a11y": { "noAriaUnsupportedElements": "error" } } }}Description
Section titled “Description”Enforce that elements that do not support ARIA roles, states, and properties do not have those attributes.
Examples
Section titled “Examples”Invalid
Section titled “Invalid”<meta charset="UTF-8" role="meta" />code-block.jsx:1:1 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
> 1 │ <meta charset=“UTF-8” role=“meta” />
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
2 │
ℹ Using role on elements that do not support them can cause issues with screen readers.
ℹ Unsafe fix: Remove the role=“meta” attribute.
1 │ <meta·charset=“UTF-8”·role=“meta”·/>
│ ------------
<html aria-required="true" />code-block.jsx:1:1 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
> 1 │ <html aria-required=“true” />
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
2 │
ℹ Using aria-* on elements that do not support them can cause issues with screen readers.
ℹ Unsafe fix: Remove the aria-required=“true” attribute.
1 │ <html·aria-required=“true”·/>
│ ---------------------
<meta charset="UTF-8" /><html></html>Related links
Section titled “Related links”Copyright (c) 2023-present Biome Developers and Contributors.