Lint Rules

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 │ 
  

Accessibility guidelines