---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: invalid.jsx
---
# Input
```jsx
var a = <input className="" aria-labell="" />;
var a = <div aria-="foobar" />;
var a = <div aria-labeledby="foobar" />;
var a = <div aria-skldjfaria-foo1="foobar" />;
var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;

```

# Diagnostics
```
invalid.jsx:1:9 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! The element contains invalid ARIA attribute(s)
  
  > 1 │ var a = <input className="" aria-labell="" />;
      │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ var a = <div aria-="foobar" />;
    3 │ var a = <div aria-labeledby="foobar" />;
  
  i aria-labell is not a valid ARIA attribute.
  
  > 1 │ var a = <input className="" aria-labell="" />;
      │                             ^^^^^^^^^^^^^^
    2 │ var a = <div aria-="foobar" />;
    3 │ var a = <div aria-labeledby="foobar" />;
  
  i Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    1 │ var·a·=·<input·className=""·aria-labell=""·/>;
      │                             ---------------   

```

```
invalid.jsx:2:9 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! The element contains invalid ARIA attribute(s)
  
    1 │ var a = <input className="" aria-labell="" />;
  > 2 │ var a = <div aria-="foobar" />;
      │         ^^^^^^^^^^^^^^^^^^^^^^
    3 │ var a = <div aria-labeledby="foobar" />;
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
  
  i aria- is not a valid ARIA attribute.
  
    1 │ var a = <input className="" aria-labell="" />;
  > 2 │ var a = <div aria-="foobar" />;
      │              ^^^^^^^^^^^^^^
    3 │ var a = <div aria-labeledby="foobar" />;
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
  
  i Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    2 │ var·a·=·<div·aria-="foobar"·/>;
      │              ---------------   

```

```
invalid.jsx:3:9 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! The element contains invalid ARIA attribute(s)
  
    1 │ var a = <input className="" aria-labell="" />;
    2 │ var a = <div aria-="foobar" />;
  > 3 │ var a = <div aria-labeledby="foobar" />;
      │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
    5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
  
  i aria-labeledby is not a valid ARIA attribute.
  
    1 │ var a = <input className="" aria-labell="" />;
    2 │ var a = <div aria-="foobar" />;
  > 3 │ var a = <div aria-labeledby="foobar" />;
      │              ^^^^^^^^^^^^^^^^^^^^^^^
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
    5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
  
  i Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    3 │ var·a·=·<div·aria-labeledby="foobar"·/>;
      │              ------------------------   

```

```
invalid.jsx:4:9 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! The element contains invalid ARIA attribute(s)
  
    2 │ var a = <div aria-="foobar" />;
    3 │ var a = <div aria-labeledby="foobar" />;
  > 4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
      │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
    6 │ 
  
  i aria-skldjfaria-foo1 is not a valid ARIA attribute.
  
    2 │ var a = <div aria-="foobar" />;
    3 │ var a = <div aria-labeledby="foobar" />;
  > 4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
      │              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
    6 │ 
  
  i Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    4 │ var·a·=·<div·aria-skldjfaria-foo1="foobar"·/>;
      │              ------------------------------   

```

```
invalid.jsx:5:9 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! The element contains invalid ARIA attribute(s)
  
    3 │ var a = <div aria-labeledby="foobar" />;
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
  > 5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
      │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    6 │ 
  
  i aria-skldjfaria-foo1 is not a valid ARIA attribute.
  
    3 │ var a = <div aria-labeledby="foobar" />;
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
  > 5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
      │              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    6 │ 
  
  i Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    5 │ var·a·=·<div·aria-skldjfaria-foo1="foobar"·aria-skldjfaria-foo222="foobar"·/>;
      │                              ------------------------------                   

```

```
invalid.jsx:5:9 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! The element contains invalid ARIA attribute(s)
  
    3 │ var a = <div aria-labeledby="foobar" />;
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
  > 5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
      │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    6 │ 
  
  i aria-skldjfaria-foo222 is not a valid ARIA attribute.
  
    3 │ var a = <div aria-labeledby="foobar" />;
    4 │ var a = <div aria-skldjfaria-foo1="foobar" />;
  > 5 │ var a = <div aria-skldjfaria-foo1="foobar" aria-skldjfaria-foo222="foobar" />;
      │                                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    6 │ 
  
  i Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    5 │ var·a·=·<div·aria-skldjfaria-foo1="foobar"·aria-skldjfaria-foo222="foobar"·/>;
      │                                            --------------------------------   

```