Start scanning free

( Perceivable / WCAG 1.3.4 )

CSS locks content to a single orientation

This check maps to Orientation. Use the guidance below to confirm the issue, understand who it affects and ship a fix.

Serious Level AA WCAG 1.3.4 — Orientation

What’s wrong

CSS uses an orientation media query to hide content or lock the layout to portrait or landscape only.

Why it matters

Some people with physical disabilities mount their device in a fixed position and cannot rotate it. If your site forces portrait mode, those users cannot access your content at all.

How to fix it

Remove CSS that hides or blocks content in a specific orientation. Design layouts that work in both.

Before
@media (orientation: landscape) {
  body { display: none; }
}
After
@media (orientation: landscape) {
  .layout { flex-direction: row; }
}

Learn more