Skip to content

noAriaUnsupportedElements

诊断类别:lint/a11y/noAriaUnsupportedElements

¥Diagnostic Category: lint/a11y/noAriaUnsupportedElements

自从:v1.0.0

¥Since: v1.0.0

来源:

¥Sources:

强制不支持 ARIA 角色、状态和属性的元素不具有这些属性。

¥Enforce that elements that do not support ARIA roles, states, and properties do not have those attributes.

¥Examples

¥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·/>
---------------------

¥Valid

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

¥Related links