- Success Criterion 2.4.3
- Conformance level A
Background Page Still Tabbable Behind an Open Modal
2.4.3 — Focus Order
Scenario
Setting
A fitness app's workout tracker
What’s wrong
Background page remains tabbable behind an open modal/overlay — focus not contained while the dialog blocks the view.
Example
On a fitness app's workout tracker, a visitor hits this wall: background page remains tabbable behind an open modal/overlay — focus not contained while the dialog blocks the view.
Why it matters
Keyboard and screen-reader users who follow focus rather than the pointer. Here, on a fitness app's workout tracker, the result is they can't complete the task using a keyboard alone.
How to test
Open a modal and Tab repeatedly: if you can still reach controls in the background page behind the modal, the background isn't properly excluded from the tab order.
How to fix
Trap focus inside the open modal (and make the background inert) until it's closed.
Outcome
After the fix, the same visitor to a fitness app's workout tracker can now reach and operate the control without a mouse, specifically for the “Background Page Still Tabbable Behind an Open Modal” issue on a fitness app's workout tracker.
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