- Success Criterion 1.3.4
- Conformance level AA
Critical Controls Cropped or Unusable in One Orientation
1.3.4 — Orientation
Scenario
Setting
A music streaming app's playlist screen
What’s wrong
Critical controls unusable/cropped in one orientation with no scroll path.
Example
Open a music streaming app's playlist screen and this is what you'll see: critical controls unusable/cropped in one orientation with no scroll path.
Why it matters
People whose devices are mounted or who cannot rotate a display freely. On a music streaming app's playlist screen, that means they miss information conveyed only by color.
How to test
Rotate the device and check critical controls: if they become cropped, overlapping, or otherwise unusable in one orientation with no scroll path to reach them, it fails.
How to fix
The page/app must remain fully usable in both portrait and landscape, with the layout intact after rotation.
Outcome
With the fix in place on a music streaming app's playlist screen, they tell the information apart without relying on color.
Who is affected
People whose devices are mounted or who cannot rotate a display freely.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- App Locked Into One Screen Orientation With No Real Reason
- Page That Just Asks Users to Rotate Their Device to Continue
- Screen Orientation Locked in Code With No Essential Justification
- App Manifest Locking Orientation for Ordinary, General Content
- CSS That Hides or Breaks Content in One Orientation Only
- Video Player Forcing Landscape Fullscreen for Ordinary Content