1.3.4 Bildschirmausrichtung

Was bedeutet das?

Manche Menschen haben ihr Tablet oder Smartphone fest montiert, zum Beispiel am Rollstuhl, und können es nicht drehen. Wenn eine Seite dann nur „Bitte drehen Sie Ihr Gerät“ anzeigt, kommen sie nicht weiter. Inhalte müssen deshalb in beiden Ausrichtungen nutzbar sein.

Ausnahmen gelten nur, wenn eine bestimmte Ausrichtung wesentlich ist, etwa bei einer Klaviertastatur-App, einem Scan eines Schecks oder einer Präsentation, die nur im Querformat Sinn ergibt. Bequemlichkeit beim Design ist kein solcher Grund.

Wem hilft das?

• Menschen, deren Gerät fest an Rollstuhl oder Halterung montiert ist
• Menschen mit eingeschränkter Beweglichkeit der Hände
• Menschen mit Sehbehinderung, die eine Ausrichtung wegen der größeren Schrift bevorzugen

Typische Fehler

• Overlay „Bitte drehen Sie Ihr Gerät“, das im Querformat den Inhalt verdeckt
• Mit CSS-Transformation erzwungene Drehung der ganzen Seite
• Web-App-Manifest mit fest eingestellter Ausrichtung ohne inhaltlichen Grund

So prüfen wir das

• Belege Belege: Unser Scanner sammelt Material, zum Beispiel Screenshots, Listen und Messungen.

Prüffrage: Funktioniert der Inhalt im Hoch- und Querformat?

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

@media (orientation: landscape) {
  main { display: none; }
  .rotate-hint { display: block; }
}

/* Layout passt sich an, statt Inhalt zu verstecken */
@media (orientation: landscape) {
  .gallery { grid-template-columns: repeat(3, 1fr); }
}

Im Querformat ändert sich nur die Anordnung; der Inhalt bleibt vollständig sichtbar und bedienbar.

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 1.3.4 Orientation