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 geht's?

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

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

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

  • 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 werden.

    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 essenziell 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