Gehirngerecht Digital

Die WCAG-Kriterien

WCAG 1.3.4: Bildschirmausrichtung

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

  • Komplexität:Einfach
  • Dauer:Kann dauern

Wichtig für Rolle:

Entwicklung

Worum gehts?

Man muss eine Website sowohl im Hoch- als auch im Querformat anschauen können. 

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 Button.

    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. 

          So testest dU:

          Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

          Mehr Informationen

          DAs Accessbility-Center

          Teste selbstständig auf digitale Barrierefreiheit! 

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

          • Alle Prüfschritte leicht erklärt
          • Teile und exportiere Prüfberichte
          • Teste direkt auf der Live-Webseite!
          Zum Accessibility-Center