Why it matters
tabindex > 0 overrides the natural focus order and almost always creates a confusing order.
How to fix it
Use tabindex="0" or restructure the DOM order.
References
More accessibility rules
void a11y reports 48 rules in this category. WCAG 2.2 AA through axe-core, plus checks axe can't do alone: visible keyboard focus, 24/44px target size on mobile, 320px reflow and disabled zoom.
duplicate-id-ariaDuplicate id referenced by ARIAframe-title<iframe> has no titlesvg-img-altSVG image has no text alternativerole-img-altrole="img" element has no text alternativescrollable-region-focusableScrollable region is not keyboard accessiblelink-in-text-blockLinks in text are distinguished only by colorautocomplete-validInvalid autocomplete valuemeta-viewportZooming is disabled