- Success Criterion 2.4.3
- Conformance level A
Skip Link Injected at a Point That Breaks the Tab Order
2.4.3 — Focus Order
Scenario
Setting
A webinar platform's registration form
What’s wrong
Skip-to content injected at odd points making subsequent order contradictory.
Example
Here's what happens on a webinar platform's registration form: skip-to content injected at odd points making subsequent order contradictory.
Why it matters
Keyboard and screen-reader users who follow focus rather than the pointer. In this case (a webinar platform's registration form), they can't complete the task using a keyboard alone.
How to test
Press Tab once on load: if a skip link injected at an odd DOM position makes the subsequent tab sequence contradictory, it fails.
How to fix
Place the skip link first and target it correctly so subsequent order stays coherent.
Outcome
Once corrected, a webinar platform's registration form lets them 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