- Success Criterion 1.3.4
- Conformance level AA
Video Player Forcing Landscape Fullscreen for Ordinary Content
1.3.4 — Orientation
Scenario
Setting
A car-rental site's checkout flow
What’s wrong
Video player forcing landscape fullscreen with no portrait playback for non-essential content.
Example
@media (orientation: portrait) { .app { display: none; } }Why it matters
People whose devices are mounted or who cannot rotate a display freely.
How to test
Rotate to portrait during video playback: if the player forces landscape fullscreen with no portrait playback option for non-essential video, it fails.
How to fix
The page/app must remain fully usable in both portrait and landscape, with the layout intact after rotation. /* Layout adapts with responsive CSS in both orientations instead of blocking one */ Content must work in both portrait and landscape unless a specific orientation is essential.
Outcome
On a car-rental site's checkout flow, this barrier is gone for people whose devices are mounted or who cannot rotate a display freely — they reach the same outcome without extra effort.
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
- Critical Controls Cropped or Unusable in One Orientation