WCAG 1.3.4: Ausrichtung

Inhalte dürfen ihre Darstellung und Bedienbarkeit nicht auf eine einzige Bildschirmausrichtung beschränken – Hochformat und Querformat müssen beide funktionieren, außer eine bestimmte Ausrichtung ist essenziell (Klavier-App, Bank-Scheck-Scan). (Englisch: Orientation.)

Was verlangt das Kriterium?

Kein „Bitte drehen Sie Ihr Gerät“-Overlay, keine per Script oder Manifest erzwungene Orientierung, kein Inhalt, der im Querformat abgeschnitten oder unbedienbar ist. Das Kriterium stammt aus der Praxis fest montierter Geräte:

Wen betrifft es besonders?

Menschen, deren Gerät fest montiert ist – am Rollstuhl, am Bett, an der Halterung: Für viele Nutzer mit motorischen Einschränkungen ist das Tablet in einer festen Ausrichtung angebracht und lässt sich schlicht nicht drehen. Eine erzwungene Hochformat-Ansicht ist für sie keine Empfehlung, sondern eine verschlossene Tür. Daneben profitieren alle, die situativ nicht drehen können oder wollen.

Richtig & falsch im Code

/* Falsch (Web-Pendant): Inhalt im Querformat ausblenden */
@media (orientation: landscape) {
  .app-inhalt { display: none; }
  .bitte-drehen-overlay { display: block; }
}

<!-- Falsch (PWA): erzwungene Ausrichtung im Manifest -->
{ "orientation": "portrait" }

Richtig ist schlicht: responsives Layout, das beide Ausrichtungen bedient. Ein Querformat ist im Grunde ein breiter, flacher Viewport – wer Reflow sauber umsetzt, bekommt 1.3.4 fast geschenkt. Media Queries auf orientation sind erlaubt, um das Layout zu optimieren – nur nicht, um eine Ausrichtung zu sperren.

So testest du es

1. Gerät (oder Emulator in den DevTools) in beide Ausrichtungen drehen: Bleibt alles sichtbar, lesbar, bedienbar?
2. Nach „Bitte drehen“-Mustern suchen: Overlays, orientation-Sperren im Manifest, Redirects.
3. Formulare und Dialoge gezielt im Querformat prüfen – dort klemmt es am ehesten (wenig Höhe, verdeckter Fokus, nicht scrollbare Modals).

Verwandte Themen

• 1.4.10 Reflow – flexible Layouts als gemeinsame Lösung
• Reflow, Zoom & Textabstände – die Praxis-Seite
• Motorische Einschränkungen – warum Geräte fest montiert sind