← Alle Regeln

Struktur

Die Seite nicht auf eine Ausrichtung festlegen

• Regel: css-orientation-lock
• Schweregrad: Schwerwiegend
• WCAG-Stufe AA

Warum das wichtig ist

Ein am Rollstuhl montiertes Gerät ist fest in einer Ausrichtung. Eine Seite, die ihren Inhalt zurückdreht oder im Hochformat ausblendet, ist aus diesem Stuhl heraus gar nicht benutzbar.

So beheben Sie es

1. Entfernen Sie Transformationen und Anzeigeregeln, die die Geräteausrichtung rückgängig machen.
2. Lassen Sie das Layout stattdessen in beiden Ausrichtungen umbrechen.
3. Legen Sie die Ausrichtung nur fest, wo sie für den Inhalt wesentlich ist, etwa bei einer Klaviatur.

Im Markup

@media (orientation: portrait) {
  .page { transform: rotate(90deg); }
}

/* Let the page reflow; do not rotate it back. */
.page { max-width: 100%; }

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

• 1.3.4 Ausrichtung (öffnet in neuem Tab) — WCAG-Stufe AA

Weiterführende Quellen

Deque University zu css-orientation-lock (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.