跳转到内容

useValidAriaProps

Diagnostic Category: lint/a11y/useValidAriaProps

Since: v1.0.0

Sources:

Ensures that ARIA properties aria-* are all valid.

<input className="" aria-labell="" />
code-block.jsx:1:1 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

The element contains invalid ARIA attribute(s)

> 1 │ <input className="" aria-labell="" />
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
2 │

aria-labell is not a valid ARIA attribute.

> 1 │ <input className="" aria-labell="" />
^^^^^^^^^^^^^^
2 │

Unsafe fix: Remove the invalid aria-* attribute.
Check the list of all valid aria-* attributes.

1 │ <input·className=""·aria-labell=""·/>
---------------
<div aria-lorem="foobar" />;
code-block.jsx:1:1 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

The element contains invalid ARIA attribute(s)

> 1 │ <div aria-lorem=“foobar” />;
^^^^^^^^^^^^^^^^^^^^^^^^^^^
2 │

aria-lorem is not a valid ARIA attribute.

> 1 │ <div aria-lorem=“foobar” />;
^^^^^^^^^^^^^^^^^^^
2 │

Unsafe fix: Remove the invalid aria-* attribute.
Check the list of all valid aria-* attributes.

1 │ <div·aria-lorem=foobar·/>;
--------------------