• Success Criterion 2.4.3
  • Conformance level A

2.4.3 · Focus Order

Lesson overview · Focus Order

In plain language

Keyboard focus must move through the page in an order that makes sense.

Who it affects

Keyboard and screen-reader users who follow focus rather than the pointer.

How to check

Tab through each page and each dialog: focus should follow the visual/logical flow, enter dialogs when they open, and return to the trigger when they close. Worked example — An online marketplace's seller dashboard: navigate to a new route in a single-page app: check where focus lands — jumping to the page top or an arbitrary widget instead of the new content's heading fails.

Common misconception

Visual order and DOM order can look identical to a sighted developer and still diverge completely for a screen reader, especially once CSS positioning or grid layout gets involved. Real example: on a news outlet's article page, tabindex (keyboard-focus setting) values force a tab order that jumps around illogically, so keyboard users move through the page in a confusing sequence.

Learn more

get in touch

Know where you stand. Know what to work on next.

Tell us what you’re working on and where you need support. Our accessibility specialists can help with audits, remediation, VPAT/ACR, accessible development, and ongoing compliance.

Free 30-minute consultation (opens in new tab)

Free 30-minute call: talk through where you stand, scope a project or get a quote.

Need technical answers now? Book the $100 one-hour consultation to walk through an audit, talk with a developer or review your site live.

Let’s find the barriers before your users do

Indicates a required field.


Your information is kept private and never shared with third parties.

Scenarios in this lesson