Gehirngerecht Digital

Die WCAG-Kriterien

1.3.4 Orientierung

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

  • Komplexität:Einfach
  • Dauer:Kann dauern

Wichtig für Rolle:

Worum gehts?

Eine Website sollte sowohl im Hoch- als auch im Querformat funktionieren.

Wenn du also Inhalte auf deinem Handy (oder auf anderen Geräten) betrachtest und es um 90 Grad drehst, muss sich die Webseite auch anpassen.

Zwei Illustrationen von einem Handy. Ein mal steht es und ein mal liegt es. Darin ist ein Kontaktformular gezeigt, dass seine Anordnung ändert, wenn das Handy anders gehalten wird.

Umsetzung

Mindestens eine der folgenden Möglichkeiten muss umgesetzt werden, um das Kriterium zu erfüllen. Nähere Informationen dazu findest du in den jeweils verlinkten WCAG-Techniken.

  • Zwei Illustrationen von einem Handy. Ein mal steht es und ein mal liegt es. Darin ist ein Kontaktformular gezeigt, dass seine Anordnung ändert, wenn das Handy anders gehalten wird.

    Die Ansicht responsive gestalten

    Eine Webseite muss sowohl im Hoch- als auch im Querformat nutzbar sein. Man sollte das Gerät drehen können, ohne dass Inhalte abgeschnitten werden oder Teile der Seite nicht mehr bedienbar sind.

    Ist die Ausrichtung fixiert, muss es eine zugängliche Möglichkeit geben, sie zu entsperren – etwa über einen sichtbaren Button.

    So gut wie alle User nutzen die Einstellungen des Handys, um die Änderung der Ausrichtung zu verhindern oder zu aktivieren. Darum ist das Kriterium in der Regel dadurch erfüllt, dass der Inhalt sich von selbst anpasst, wenn man das Handy dreht.

    Anmerkungen

    • Eine Illustration von einem Handy im Querformat. Darin ist eine Klaviertastatur abgebildet.

      Ausnahme: Ausrichtung ist für die Funktion wesentlich

      Eine Ausnahme sind Anwendungen, bei denen die Ausrichtung wesentlich für die Funktion ist. Das ist dann der Fall, wenn Inhalte nur in einer bestimmten Ausrichtung sinnvoll zu bedienen sind.

      Beispiele:

      • Eine Klavier-App, bei der das Gerät im Querformat sein muss, damit genug Platz für die Klaviertasten da ist, um sie zu bedienen.
      • Eine Banking-App, bei der man eine Überweisung abscannen muss, was nur im Querformat funktioniert. 

          Unser Test-Tool!

          Lerne das Ergbenis auch selbst zu testen!

          Mit unserem neuen, manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!

          Mehr zum Test-Tool
          Screenshot des Accessibility-Centers in einem Mac-Book-Mock-Up