- Success Criterion 2.4.3
- Conformance level A
Multi-Column Form With an Illogical Keyboard Tab Order
2.4.3 — Focus Order
Scenario
Setting
A childcare-booking service's scheduling page
What’s wrong
Multi-column forms tabbing across rows instead of down logical groups where order affects meaning (e.g., paired label/value entry).
Example
During an audit of a childcare-booking service's scheduling page: multi-column forms tabbing across rows instead of down logical groups where order affects meaning (e.g., paired label/value entry).
Why it matters
Keyboard and screen-reader users who follow focus rather than the pointer. On a childcare-booking service's scheduling page specifically, they lose track of where they are on the page.
How to test
Tab through a multi-column form: if the order jumps across columns/rows instead of following the logical fill sequence, it fails.
How to fix
Order the DOM so Tab moves through fields in the logical entry sequence.
Outcome
Fixed, a visitor to a childcare-booking service's scheduling page can complete the task using only the keyboard.
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