Reports non-interactive elements with positive or zero tabIndex values.
✅ This rule is included in the jsx logical and logicalStrict presets.
Tab key navigation should be limited to interactive elements.
Adding tabIndex to non-interactive elements creates unnecessary stops in the tab order and can confuse users relying on keyboard navigation.
Non-interactive elements can use tabIndex="-1" if they need to be programmatically focused, but should not be in the natural tab order.
CE6dCB0tabIndA1<1"sp ansty="le--0:#ECC48D;--1:#984E">41"sp>1<1"sp ansty="le--0:#7FDBCA;--1:#8844">AE 1"sp>>d ivclassNa="meco">>d>/>d>/>d>CE6articCB0tabIndA3<4{sp ansty="le--0:#F78C6C;--1:#AA09">84{sp><20sp ansty="le--0:#E2817F;--1:#B238">320sp><4}sp ansty="le--0:#7FDBCA;--1:#8844">AE 4}sp>>d ivclassNa="meco">>d>/>d>/>d>CE6dCB0roA1<1"sp ansty="le--0:#ECC48D;--1:#984E">4Dartic1"sp>1<1"sp ansty="le--0:#7FDBCA;--1:#8844">A1"sp>B0tabIndA1<1"sp ansty="le--0:#ECC48D;--1:#984E">41"sp>1<1"sp ansty="le--0:#7FDBCA;--1:#8844">AE 1"sp>>d ivclassNa="meco">>d>/>d>/>d> <44AE spans="tyle--0:#7F">D44AE>ECE<6div spans="tyle--0:#7F">DBC6div><>di vdivclass="Nameexpressive-"><44AE spans="tyle--0:#7F">D44AE>ECE<6div spans="tyle--0:#7F">D6div>61B0tabI4<4AE= spans="tyle--0:#D9F5DD;--1:#11">14AE=><111" spans="tyle--0:#ECC48D;--1:#98">4E111"><4D-1 spans="tyle--0:#D9F5DD;--1:#11">14D-1><111" spans="tyle--0:#7FDBCA;--1:#88">44A111"><" />" />>di><>di vdivclass="Nameexpressive-"><44AE spans="tyle--0:#7F">D44AE>ECE6buD61B0tabI4<4AE= spans="tyle--0:#D9F5DD;--1:#11">14AE=><111" spans="tyle--0:#ECC48D;--1:#98">4111">1<111" spans="tyle--0:#7FDBCA;--1:#88">44A111"><" />" />>di><>di vdivclass="Nameexpressive-"><44AE spans="tyle--0:#7F">D44AE>ECE<6div spans="tyle--0:#7F">D6div>61B04<4AE= spans="tyle--0:#D9F5DD;--1:#11">14AE=><111" spans="tyle--0:#ECC48D;--1:#98">4E4Dbu111">1<111" spans="tyle--0:#7FDBCA;--1:#88">4111"><4AE spans="tyle--0:#C5E478;--1:#3B">61B0tabI4AE >4<4AE= spans="tyle--0:#D9F5DD;--1:#11">14AE=><111" spans="tyle--0:#ECC48D;--1:#98">4111">1<111" spans="tyle--0:#7FDBCA;--1:#88">44A111"><" />" />>di>
If you have specific requirements for keyboard navigation that require non-interactive elements to be in the tab order, you may need to disable this rule.