- Success Criterion 2.4.3
- Conformance level A
Looping Carousel Clones Creating Duplicate Tab Stops
2.4.3 — Focus Order
Scenario
Setting
A video-conferencing app's meeting controls
What’s wrong
Carousel clones (looping sliders) duplicating tab stops in nonsensical sequence.
Example
A video-conferencing app's meeting controls runs into this exact issue: carousel clones (looping sliders) duplicating tab stops in nonsensical sequence.
Why it matters
Keyboard and screen-reader users who follow focus rather than the pointer. Here, on a video-conferencing app's meeting controls, the result is they can't operate the feature without a mouse.
How to test
Tab through a carousel with cloned/looping slides: if duplicate clones create extra tab stops in a nonsensical sequence, it fails.
How to fix
Make cloned carousel slides inert/untabbable so each real slide has one stop.
Outcome
After the fix, the same visitor to a video-conferencing app's meeting controls can now reach and operate the control without a mouse.
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