useValidAriaProps (since v1.0.0)
Diagnostic Category: lint/a11y/useValidAriaProps
Sources:
- Same as:
jsx-a11y/aria-props
Ensures that ARIA properties aria-* are all valid.
Examples
Section titled ExamplesInvalid
Section titled Invalid<input className="" aria-labell="" />a11y/useValidAriaProps.js: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" />;a11y/useValidAriaProps.js: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"·/>;
│ --------------------