noAriaUnsupportedElements
诊断类别:lint/a11y/noAriaUnsupportedElements
¥Diagnostic Category: lint/a11y/noAriaUnsupportedElements
自从:v1.0.0
¥Since: v1.0.0
来源:
¥Sources:
-
与以下相同:
jsx-a11y/aria-unsupported-elements
¥Same as:
jsx-a11y/aria-unsupported-elements
强制不支持 ARIA 角色、状态和属性的元素不具有这些属性。
¥Enforce that elements that do not support ARIA roles, states, and properties do not have those attributes.
¥Examples
¥Invalid
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”·/>
│ ------------
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”·/>
│ ---------------------
¥Valid
¥Related links