useValidAriaProps (since v12.0.0)
Ensures that ARIA properties aria-*
are all valid.
Examples
Invalid
<input className="" aria-labell="" />
nursery/useValidAriaProps.js:1:1 lint/nursery/useValidAriaProps ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ 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 │
<div aria-lorem="foobar" aria-ipsum="foobar" />;
nursery/useValidAriaProps.js:1:1 lint/nursery/useValidAriaProps ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ The element contains invalid ARIA attribute(s)
> 1 │ <div aria-lorem="foobar" aria-ipsum="foobar" />;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
2 │
ℹ aria-lorem is not a valid ARIA attribute.
> 1 │ <div aria-lorem="foobar" aria-ipsum="foobar" />;
│ ^^^^^^^^^^^^^^^^^^^
2 │
ℹ aria-ipsum is not a valid ARIA attribute.
> 1 │ <div aria-lorem="foobar" aria-ipsum="foobar" />;
│ ^^^^^^^^^^^^^^^^^^^
2 │