Standards · WCAG 2.2

SC 1.3.4 Stufe AA WCAG 2.1

Ausrichtung

Inhalte dürfen nicht auf eine einzige Ausrichtung — Hoch- oder Querformat — festgelegt sein, es sei denn, diese Ausrichtung ist unbedingt erforderlich. Nutzende, die ein Gerät fest an einem Rollstuhl montiert haben oder es in einer festen Halterung halten, können es nicht drehen.

Was gefordert wird

Erzwingt eine Website oder App eine bestimmte Geräteausrichtung, werden Nutzende, deren Telefon oder Tablet fest montiert ist — auf einem Rollstuhltablett, in einem Krankenhausbett oder einer ergonomischen Halterung — von der Nutzung ausgeschlossen. Die Website muss sich an die jeweilige Ausrichtung des Geräts anpassen, es sei denn, der Inhalt erfordert grundlegend eine bestimmte Ausrichtung (z. B. eine Klaviertastatur, ein Scheckfoto oder ein immersives VR-Erlebnis).

Wie dieses Kriterium erfüllt wird

  • Kein CSS wie @media (orientation: portrait) { display: none; } verwenden, das die Website außerhalb einer Ausrichtung verbirgt.
  • Die Screen-Orientation-Lock-API (screen.orientation.lock('portrait')) im Web vermeiden; in nativen Apps nur dann sperren, wenn es zwingend erforderlich ist.
  • Ein responsives Layout entwickeln, das in beiden Ausrichtungen funktioniert — Flexbox und CSS Grid bewältigen dies ohne Sonderfälle.
  • Die Website auf einem echten Telefon in gedrehter Haltung testen — viele Fehler zeigen sich nur auf Geräten, bei denen das Querformat-Viewport niedrig ist.
  • Bei zwingend erforderlichen Ausrichtungen (z. B. ein Unterschriftenfeld) klar erklären, warum und wie gedreht werden soll.

Häufige Fehler

  • Overlay mit „Bitte drehen Sie Ihr Gerät ins Hochformat“, das alle Inhalte im Querformat auf Tablets blockiert.
  • App mit android:screenOrientation="portrait" ohne funktionalen Grund.
  • Eine Banking-Website, die im Hochformat einwandfrei funktioniert, im Querformat jedoch ein fehlerhaftes Layout darstellt, ohne dass eine Korrektur möglich ist.
  • Onboarding-Ablauf, der das Querformat erkennt und eine Aufforderung zum Drehen des Telefons einblendet.

Warum es darauf ankommt

Dieses Kriterium betrifft insbesondere Nutzende von Elektro-Rollstühlen — ein Tablet auf einer Rollstuhlhalterung ist in einer festen Ausrichtung fixiert. Es betrifft auch alle Personen, die ein Telefon einhändig mit aktivierter Bildschirmsperre verwenden. Beim Design ist die Behebung kostengünstig; eine nachträgliche Anpassung eines ausschließlich im Hochformat entwickelten Layouts ist aufwendig.