CSS Media Queries dürfen nicht genutzt werden um die Bildschirmausrichtung zu sperren. — die Prüfung „css-orientation-lock“

Das Kriterium dahinter

1.3.4 Ausrichtung

Sperren Sie die Seite nicht auf eine Bildschirmausrichtung.

Stufe AA · EN 301 549 § 9.1.3.4

Warum es diese Prüfung gibt

Viele Menschen haben ihr Gerät in einer Halterung fest in einer Ausrichtung. Hochformat zu erzwingen heißt für sie, den ganzen Stuhl zu drehen.

Was sie üblicherweise auslöst

fällt durchEine Sperre auf Hochformat per CSS oder auf App-Ebene.

So beheben Sie es

tunUnterstützen Sie beide Ausrichtungen, außer die Ausrichtung ist wesentlich — etwa bei einer Klaviatur.

Wie es gemeldet wird

A11ySignal meldet das mit der Schwere schwerwiegend. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:

https://dequeuniversity.com/rules/axe/4.13/css-orientation-lock ↗