- Success Criterion 2.4.3
- Conformance level A
- W3C reference F44
Tab Order That Jumps Around the Page Illogically
2.4.3 — Focus Order
Scenario
Setting
A news outlet's article page
What’s wrong
tabindex (keyboard-focus setting) values force a tab order that jumps around illogically, so keyboard users move through the page in a confusing sequence.
Example
A QA pass on a news outlet's article page turns this up: tabindex (keyboard-focus setting) values force a tab order that jumps around illogically, so keyboard users move through the page in a confusing sequence.
Why it matters
Keyboard and screen-reader users who follow focus rather than the pointer. On a news outlet's article page, that means they lose track of where they are on the page.
How to test
Inspect the DOM for positive tabindex values (tabindex="1", "2", etc.): these override natural order and often create an illogical sequence — check by tabbing through.
How to fix
Remove positive tabindex (keyboard-focus setting) values and let the DOM order define a logical tab sequence.
Outcome
With the fix in place on a news outlet's article page, they keep track of where they are on the page.
Who is affected
Keyboard and screen-reader users who follow focus rather than the pointer.
Learn more
- Understanding Understanding document (opens in a new tab)
- Technique Related technique (opens in a new tab)
Related scenarios
- Dialog That Opens Far From the Button That Triggered It
- Visual Layout Order That Doesn’t Match the Keyboard Tab Order
- Modal That Opens Without Moving Keyboard Focus Into It
- Modal That Closes Without Returning Focus to Its Trigger
- Expanded Content That Never Receives Keyboard Focus
- Hidden Navigation Items That Are Still Reachable by Tab