- Success Criterion 2.4.3
- Conformance level A
Sticky Element Receiving Focus at the Wrong Point in the Flow
2.4.3 — Focus Order
Scenario
Setting
A project-management tool's task board
What’s wrong
Sticky elements receiving focus at wrong point relative to reading flow when operation depends on it.
Example
Open a project-management tool's task board and this is what you'll see: sticky elements receiving focus at wrong point relative to reading flow when operation depends on it.
Why it matters
Keyboard and screen-reader users who follow focus rather than the pointer. On a project-management tool's task board, that means they lose track of where they are on the page.
How to test
Tab through a page with a sticky element (header/sidebar): check that its tab-stop position matches its logical place in the reading flow.
How to fix
Position sticky elements in the sequence where they logically belong.
Outcome
With the fix in place on a project-management tool's task board, 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)
Related scenarios
- Tab Order That Jumps Around the Page Illogically
- 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