---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: invalid.jsx
---
# Input
```jsx
<>
	<div tabIndex={1} />
	<div tabIndex={"1"} />
	<div tabIndex={'5'} />
	<div tabIndex="1" />
	<div tabIndex={1}>foo</div>
	<div tabIndex={"1"}>foo</div>
	<div tabIndex={'5'}>foo</div>
	<div tabIndex={+5}>foo</div>
	<div tabIndex={+0o5}>foo</div>
	<div tabIndex="1">foo</div>
</>

```

# Diagnostics
```
invalid.jsx:2:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
    1 │ <>
  > 2 │ 	<div tabIndex={1} />
      │ 	              ^^^
    3 │ 	<div tabIndex={"1"} />
    4 │ 	<div tabIndex={'5'} />
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     1  1 │   <>
     2    │ - → <div·tabIndex={1}·/>
        2 │ + → <div·tabIndex="0"·/>
     3  3 │   	<div tabIndex={"1"} />
     4  4 │   	<div tabIndex={'5'} />
  

```

```
invalid.jsx:3:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
    1 │ <>
    2 │ 	<div tabIndex={1} />
  > 3 │ 	<div tabIndex={"1"} />
      │ 	              ^^^^^
    4 │ 	<div tabIndex={'5'} />
    5 │ 	<div tabIndex="1" />
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     1  1 │   <>
     2  2 │   	<div tabIndex={1} />
     3    │ - → <div·tabIndex={"1"}·/>
        3 │ + → <div·tabIndex="0"·/>
     4  4 │   	<div tabIndex={'5'} />
     5  5 │   	<div tabIndex="1" />
  

```

```
invalid.jsx:4:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
    2 │ 	<div tabIndex={1} />
    3 │ 	<div tabIndex={"1"} />
  > 4 │ 	<div tabIndex={'5'} />
      │ 	              ^^^^^
    5 │ 	<div tabIndex="1" />
    6 │ 	<div tabIndex={1}>foo</div>
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     2  2 │   	<div tabIndex={1} />
     3  3 │   	<div tabIndex={"1"} />
     4    │ - → <div·tabIndex={'5'}·/>
        4 │ + → <div·tabIndex="0"·/>
     5  5 │   	<div tabIndex="1" />
     6  6 │   	<div tabIndex={1}>foo</div>
  

```

```
invalid.jsx:5:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
    3 │ 	<div tabIndex={"1"} />
    4 │ 	<div tabIndex={'5'} />
  > 5 │ 	<div tabIndex="1" />
      │ 	              ^^^
    6 │ 	<div tabIndex={1}>foo</div>
    7 │ 	<div tabIndex={"1"}>foo</div>
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     3  3 │   	<div tabIndex={"1"} />
     4  4 │   	<div tabIndex={'5'} />
     5    │ - → <div·tabIndex="1"·/>
        5 │ + → <div·tabIndex="0"·/>
     6  6 │   	<div tabIndex={1}>foo</div>
     7  7 │   	<div tabIndex={"1"}>foo</div>
  

```

```
invalid.jsx:6:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
    4 │ 	<div tabIndex={'5'} />
    5 │ 	<div tabIndex="1" />
  > 6 │ 	<div tabIndex={1}>foo</div>
      │ 	              ^^^
    7 │ 	<div tabIndex={"1"}>foo</div>
    8 │ 	<div tabIndex={'5'}>foo</div>
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     4  4 │   	<div tabIndex={'5'} />
     5  5 │   	<div tabIndex="1" />
     6    │ - → <div·tabIndex={1}>foo</div>
        6 │ + → <div·tabIndex="0">foo</div>
     7  7 │   	<div tabIndex={"1"}>foo</div>
     8  8 │   	<div tabIndex={'5'}>foo</div>
  

```

```
invalid.jsx:7:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
    5 │ 	<div tabIndex="1" />
    6 │ 	<div tabIndex={1}>foo</div>
  > 7 │ 	<div tabIndex={"1"}>foo</div>
      │ 	              ^^^^^
    8 │ 	<div tabIndex={'5'}>foo</div>
    9 │ 	<div tabIndex={+5}>foo</div>
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     5  5 │   	<div tabIndex="1" />
     6  6 │   	<div tabIndex={1}>foo</div>
     7    │ - → <div·tabIndex={"1"}>foo</div>
        7 │ + → <div·tabIndex="0">foo</div>
     8  8 │   	<div tabIndex={'5'}>foo</div>
     9  9 │   	<div tabIndex={+5}>foo</div>
  

```

```
invalid.jsx:8:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
     6 │ 	<div tabIndex={1}>foo</div>
     7 │ 	<div tabIndex={"1"}>foo</div>
   > 8 │ 	<div tabIndex={'5'}>foo</div>
       │ 	              ^^^^^
     9 │ 	<div tabIndex={+5}>foo</div>
    10 │ 	<div tabIndex={+0o5}>foo</div>
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     6  6 │   	<div tabIndex={1}>foo</div>
     7  7 │   	<div tabIndex={"1"}>foo</div>
     8    │ - → <div·tabIndex={'5'}>foo</div>
        8 │ + → <div·tabIndex="0">foo</div>
     9  9 │   	<div tabIndex={+5}>foo</div>
    10 10 │   	<div tabIndex={+0o5}>foo</div>
  

```

```
invalid.jsx:9:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
     7 │ 	<div tabIndex={"1"}>foo</div>
     8 │ 	<div tabIndex={'5'}>foo</div>
   > 9 │ 	<div tabIndex={+5}>foo</div>
       │ 	              ^^^^
    10 │ 	<div tabIndex={+0o5}>foo</div>
    11 │ 	<div tabIndex="1">foo</div>
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     7  7 │   	<div tabIndex={"1"}>foo</div>
     8  8 │   	<div tabIndex={'5'}>foo</div>
     9    │ - → <div·tabIndex={+5}>foo</div>
        9 │ + → <div·tabIndex="0">foo</div>
    10 10 │   	<div tabIndex={+0o5}>foo</div>
    11 11 │   	<div tabIndex="1">foo</div>
  

```

```
invalid.jsx:11:16 lint/a11y/noPositiveTabindex  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid positive values for the tabIndex prop.
  
     9 │ 	<div tabIndex={+5}>foo</div>
    10 │ 	<div tabIndex={+0o5}>foo</div>
  > 11 │ 	<div tabIndex="1">foo</div>
       │ 	              ^^^
    12 │ </>
    13 │ 
  
  i Elements with a positive tabIndex override natural page content order. This causes elements without a positive tab index to come last when navigating using a keyboard.
  
  i Use only 0 and -1 as tabIndex values. Avoid using tabIndex values greater than 0 and CSS properties that can change the order of focusable HTML elements.
  
  i Unsafe fix: Replace the tableIndex prop value with 0.
  
     9  9 │   	<div tabIndex={+5}>foo</div>
    10 10 │   	<div tabIndex={+0o5}>foo</div>
    11    │ - → <div·tabIndex="1">foo</div>
       11 │ + → <div·tabIndex="0">foo</div>
    12 12 │   </>
    13 13 │   
  

```