---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: invalid.jsx
---
# Input
```jsx
<>
	<div scope={scope} />
	<div scope={scope}></div>
	<div scope="col" />
	<div scope="col"></div>
	<div scope />
</>

```

# Diagnostics
```
invalid.jsx:2:7 lint/a11y/noHeaderScope  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using the scope attribute on elements other than th elements.
  
    1 │ <>
  > 2 │ 	<div scope={scope} />
      │ 	     ^^^^^^^^^^^^^
    3 │ 	<div scope={scope}></div>
    4 │ 	<div scope="col" />
  
  i The scope attribute is used to associate a data cell with its corresponding header cell in a data table,
                so it should be placed on th elements to provide accessibility to screen readers.
  
  i Follow the links for more information,
                WCAG 1.3.1
                WCAG 4.1.1
  
  i Unsafe fix: Remove the scope attribute.
  
    2 │ → <div·scope={scope}·/>
      │        --------------  

```

```
invalid.jsx:3:7 lint/a11y/noHeaderScope  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using the scope attribute on elements other than th elements.
  
    1 │ <>
    2 │ 	<div scope={scope} />
  > 3 │ 	<div scope={scope}></div>
      │ 	     ^^^^^^^^^^^^^
    4 │ 	<div scope="col" />
    5 │ 	<div scope="col"></div>
  
  i The scope attribute is used to associate a data cell with its corresponding header cell in a data table,
                so it should be placed on th elements to provide accessibility to screen readers.
  
  i Follow the links for more information,
                WCAG 1.3.1
                WCAG 4.1.1
  
  i Unsafe fix: Remove the scope attribute.
  
    3 │ → <div·scope={scope}></div>
      │        -------------       

```

```
invalid.jsx:4:7 lint/a11y/noHeaderScope  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using the scope attribute on elements other than th elements.
  
    2 │ 	<div scope={scope} />
    3 │ 	<div scope={scope}></div>
  > 4 │ 	<div scope="col" />
      │ 	     ^^^^^^^^^^^
    5 │ 	<div scope="col"></div>
    6 │ 	<div scope />
  
  i The scope attribute is used to associate a data cell with its corresponding header cell in a data table,
                so it should be placed on th elements to provide accessibility to screen readers.
  
  i Follow the links for more information,
                WCAG 1.3.1
                WCAG 4.1.1
  
  i Unsafe fix: Remove the scope attribute.
  
    4 │ → <div·scope="col"·/>
      │        ------------  

```

```
invalid.jsx:5:7 lint/a11y/noHeaderScope  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using the scope attribute on elements other than th elements.
  
    3 │ 	<div scope={scope}></div>
    4 │ 	<div scope="col" />
  > 5 │ 	<div scope="col"></div>
      │ 	     ^^^^^^^^^^^
    6 │ 	<div scope />
    7 │ </>
  
  i The scope attribute is used to associate a data cell with its corresponding header cell in a data table,
                so it should be placed on th elements to provide accessibility to screen readers.
  
  i Follow the links for more information,
                WCAG 1.3.1
                WCAG 4.1.1
  
  i Unsafe fix: Remove the scope attribute.
  
    5 │ → <div·scope="col"></div>
      │        -----------       

```

```
invalid.jsx:6:7 lint/a11y/noHeaderScope  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using the scope attribute on elements other than th elements.
  
    4 │ 	<div scope="col" />
    5 │ 	<div scope="col"></div>
  > 6 │ 	<div scope />
      │ 	     ^^^^^
    7 │ </>
    8 │ 
  
  i The scope attribute is used to associate a data cell with its corresponding header cell in a data table,
                so it should be placed on th elements to provide accessibility to screen readers.
  
  i Follow the links for more information,
                WCAG 1.3.1
                WCAG 4.1.1
  
  i Unsafe fix: Remove the scope attribute.
  
    6 │ → <div·scope·/>
      │        ------  

```