Zum Inhalt springen
44 Barrierefreiheit Dokumentation

1.3.4 - Ausrichtung/Orientierung

AA 2.1 Umsetzung

Ziel

Inhalte und Funktionen sollen auf Bildschirmen unabhängig von der Ausrichtung (Hoch- oder Querformat) nutzbar sein, es sei denn, eine spezifische Ausrichtung ist essenziell.

Beschreibung

  • Inhalte und Funktionen sollen flexibel in beiden Ausrichtungen (Hochformat und Querformat) verfügbar sein.
  • Eine Einschränkung der Ausrichtung darf nur dann erfolgen, wenn dies für die Nutzung der Inhalte notwendig ist, wie bei spezifischen Anwendungen oder Geräten.
  • Für Nutzer mit fest montierten Geräten oder eingeschränkter Mobilität wird die Zugänglichkeit verbessert.

Anforderungen

  • Inhalte müssen responsiv gestaltet sein, sodass sie sich automatisch an Hoch- und Querformat anpassen.

Code-Beispiele

Beispiel für CSS-Orientation:
@media (orientation: portrait) {
  body {
    font-size: 16px;
  }
}


@media (orientation: landscape) {
  body {
    font-size: 18px;
  }
}
Beispiel für CSS-Orientation:
<div id="orientation-alert">
  <p>Diese Anwendung funktioniert optimal im Querformat. Bitte drehen Sie Ihr Gerät.</p>
</div>