Ein Kriterium der Stufe AA: Inhalte müssen im Hoch- und im Querformat funktionieren und dürfen keine Ausrichtung erzwingen, sofern eine bestimmte nicht wesentlich ist.

Warum ist die Ausrichtung wichtig?

Wer sein Gerät an einem Rollstuhl montiert hat oder motorisch eingeschränkt ist, kann es womöglich nicht drehen – eine erzwungene Ausrichtung schließt diese Menschen aus.

Welche Ausnahme gilt bei 1.3.4?

Wenn eine bestimmte Ausrichtung wesentlich ist, etwa bei einer Klavier-App oder beim Einlesen eines Schecks, das zwingend Querformat erfordert.

Erfolgskriterien

WCAG 1.3.4 Ausrichtung

Erfolgskriterium 1.3.4 verlangt, dass Inhalt seine Ansicht und Bedienung nicht auf eine einzige Anzeigeausrichtung (Hoch- oder Querformat) beschränkt, es sei denn, eine bestimmte Ausrichtung ist wesentlich. Es ist ein Kriterium der Stufe AA unter Richtlinie 1.3 (Anpassbar), hinzugefügt in WCAG 2.1.

Wen dies schützt

Viele Menschen montieren ihr Mobilgerät oder Tablet in einer festen Ausrichtung – ein rollstuhlmontiertes Gerät, ein an einem Bettgestell oder Rollator befestigtes Tablet, ein Telefon in einer festen Halterung – oft in der Ausrichtung, die am besten zu ihrer körperlichen Situation passt, was möglicherweise nicht der Annahme des Website-Entwicklers entspricht. Eine Website, die sich zwingend auf reines Hochformat sperrt, funktioniert für jemanden, dessen Gerät im Querformat montiert ist, überhaupt nicht mehr, ohne Möglichkeit, den eigenen Körper oder das Gerät zum Ausgleich zu drehen.

Die enge Ausnahme: "wesentlich"

WCAG erlaubt Ausrichtungssperren nur dort, wo eine bestimmte Ausrichtung für den Inhalt oder die Funktion selbst tatsächlich wesentlich ist – eine Klavier-Tastatur-App, eine Scheck-Einzahlungs-Kameraansicht, kalibriert auf die Abmessungen eines Bankschecks, oder ein Video, das tatsächlich auf eine bestimmte Weise angesehen werden soll. Dies ist eine enge, funktional begründete Ausnahme, keine allgemeine Entschuldigung für "das Design sieht so besser aus".

Wie dies typischerweise umgesetzt (und verletzt) wird

CSS-Media-Queries (@media (orientation: portrait)) oder die Screen-Orientation-API von JavaScript können beide ein Layout mit nur einer Ausrichtung erzwingen – Inhalt verbergen, eine "Bitte drehen Sie Ihr Gerät"-Meldung anzeigen, oder die gesamte Seite per CSS transformieren, um gegen die tatsächliche Ausrichtung des Geräts anzukämpfen. Jedes dieser Muster verstößt gegen 1.3.4, es sei denn, der Inhalt benötigt diese Ausrichtung tatsächlich, um zu funktionieren.

Die Lösung

Bauen Sie responsive Layouts, die sich an beide Ausrichtungen anpassen, statt sich auf eine zu sperren – dieselbe Neuanordnungs-/Responsive-Design-Disziplin, die allgemeine mobile Nutzbarkeit erfüllt, tendiert auch dazu, dieses Kriterium zu erfüllen, da ein Layout, das sich tatsächlich an jede Ansichtsfensterbreite und -höhe anpasst, von vornherein keine Ausrichtungssperre benötigt.

Offizielle Referenzen

Deque University: css-orientation-lock

Häufige Fragen

Was ist WCAG 1.3.4?: Ein Kriterium der Stufe AA: Inhalte müssen im Hoch- und im Querformat funktionieren und dürfen keine Ausrichtung erzwingen, sofern eine bestimmte nicht wesentlich ist.
Warum ist die Ausrichtung wichtig?: Wer sein Gerät an einem Rollstuhl montiert hat oder motorisch eingeschränkt ist, kann es womöglich nicht drehen – eine erzwungene Ausrichtung schließt diese Menschen aus.
Welche Ausnahme gilt bei 1.3.4?: Wenn eine bestimmte Ausrichtung wesentlich ist, etwa bei einer Klavier-App oder beim Einlesen eines Schecks, das zwingend Querformat erfordert.