---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: object.jsx
---
# Input
```jsx
// invalid

<>
  <object />
  <object><div aria-hidden /></object>
  <object title={undefined} />
  <object aria-label="" />
  <object aria-labelledby="" />
  <object aria-label={undefined} />
  <object aria-labelledby={undefined} />
</>;

//valid

<>
  <object aria-label="foo" />
  <object aria-labelledby="id1" />
  <object>Foo</object>
  <object><p>This is descriptive!</p></object>
  <Object />
  <object title="An object" />
</>;

```

# Diagnostics
```
object.jsx:4:3 lint/a11y/useAltText ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Provide a text alternative through the title, aria-label or aria-labelledby attribute
  
    3 │ <>
  > 4 │   <object />
      │   ^^^^^^^^^^
    5 │   <object><div aria-hidden /></object>
    6 │   <object title={undefined} />
  
  i Meaningful alternative text on elements helps users relying on screen readers to understand content's purpose within a page.
  

```

```
object.jsx:5:3 lint/a11y/useAltText ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Provide a text alternative through the title, aria-label or aria-labelledby attribute
  
    3 │ <>
    4 │   <object />
  > 5 │   <object><div aria-hidden /></object>
      │   ^^^^^^^^
    6 │   <object title={undefined} />
    7 │   <object aria-label="" />
  
  i Meaningful alternative text on elements helps users relying on screen readers to understand content's purpose within a page.
  

```

```
object.jsx:6:3 lint/a11y/useAltText ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Provide a text alternative through the title, aria-label or aria-labelledby attribute
  
    4 │   <object />
    5 │   <object><div aria-hidden /></object>
  > 6 │   <object title={undefined} />
      │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    7 │   <object aria-label="" />
    8 │   <object aria-labelledby="" />
  
  i Meaningful alternative text on elements helps users relying on screen readers to understand content's purpose within a page.
  

```

```
object.jsx:7:3 lint/a11y/useAltText ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Provide a text alternative through the title, aria-label or aria-labelledby attribute
  
    5 │   <object><div aria-hidden /></object>
    6 │   <object title={undefined} />
  > 7 │   <object aria-label="" />
      │   ^^^^^^^^^^^^^^^^^^^^^^^^
    8 │   <object aria-labelledby="" />
    9 │   <object aria-label={undefined} />
  
  i Meaningful alternative text on elements helps users relying on screen readers to understand content's purpose within a page.
  

```

```
object.jsx:8:3 lint/a11y/useAltText ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Provide a text alternative through the title, aria-label or aria-labelledby attribute
  
     6 │   <object title={undefined} />
     7 │   <object aria-label="" />
   > 8 │   <object aria-labelledby="" />
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     9 │   <object aria-label={undefined} />
    10 │   <object aria-labelledby={undefined} />
  
  i Meaningful alternative text on elements helps users relying on screen readers to understand content's purpose within a page.
  

```

```
object.jsx:9:3 lint/a11y/useAltText ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Provide a text alternative through the title, aria-label or aria-labelledby attribute
  
     7 │   <object aria-label="" />
     8 │   <object aria-labelledby="" />
   > 9 │   <object aria-label={undefined} />
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    10 │   <object aria-labelledby={undefined} />
    11 │ </>;
  
  i Meaningful alternative text on elements helps users relying on screen readers to understand content's purpose within a page.
  

```

```
object.jsx:10:3 lint/a11y/useAltText ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Provide a text alternative through the title, aria-label or aria-labelledby attribute
  
     8 │   <object aria-labelledby="" />
     9 │   <object aria-label={undefined} />
  > 10 │   <object aria-labelledby={undefined} />
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    11 │ </>;
    12 │ 
  
  i Meaningful alternative text on elements helps users relying on screen readers to understand content's purpose within a page.
  

```