Ausrichtungssperre

Silktide prüft, dass Ihre Seiten Besucher nicht dazu zwingen, ihr Gerät auf eine bestimmte Weise zu halten. Eine Seite sollte sowohl im Hoch- als auch im Querformat funktionieren, weil manche Personen ihren Bildschirm nicht drehen können.

Zwei gängige Muster sperren die Ausrichtung einer Seite: Code, der die Ausrichtungssperre des Browsers aufruft, und Styles, die die gesamte Seite ausblenden und eine „Bitte drehen Sie Ihr Gerät“-Nachricht anzeigen, bis das Gerät gedreht wird.

Warum das wichtig ist

Viele Menschen können ihr Gerät physisch nicht drehen: Ein Tablet, das an einem Rollstuhl montiert ist, ein Telefon in einer festen Halterung oder ein Bildschirm, der an Hardware der angebracht ist, ist oft dauerhaft in einer Ausrichtung installiert. Andere haben eingeschränkte Greifkraft oder Motorik, wodurch das Drehen eines Geräts schwierig ist. Für diese Besucher ist eine Seite, die auf einer einzigen Ausrichtung besteht, schlicht unbenutzbar – sie sehen entweder einen leeren Bildschirm oder eine Aufforderung, das Gerät zu drehen, die sie niemals erfüllen können.

So beheben Sie das

Entfernen Sie Code, der die Ausrichtung sperrt, z. B. Aufrufe von screen.orientation.lock():

\/\/ Problem: erzwingt Querformat und scheitert für Nutzer, die ihr Gerät nicht drehen können
screen.orientation.lock("landscape");

Entfernen Sie Styles, die die gesamte Seite in einer Ausrichtung ausblenden:

\/* Problem: blendet alles aus, bis das Gerät gedreht wird *\/
@media (orientation: portrait) {
  body { display: none; }
}

Gestalten Sie stattdessen das Layout so, dass es sich an beide Ausrichtungen anpasst. Media Queries zur Ausrichtung sind in Ordnung, um das Layout anzupassen – nur niemals zum Verbergen der Seite.

Wie Silktide das prüft

Silktide untersucht die in jeder Seite eingebetteten Skripte und meldet alle, die eine Ausrichtungssperr-Funktion wie screen.orientation.lock() oder das ältere lockOrientation() aufrufen.
Silktide untersucht die in jeder Seite eingebetteten Styles und meldet jede Orientation-Media-Query, die die gesamte Seite verbirgt, indem sie dem Body der Seite display: none zuweist.
Styles, die das Layout lediglich je nach Ausrichtung anpassen, werden nicht gemeldet – ist keine Sperre.

Fehlerbehebung

Meine Ausrichtungssperre befindet sich in einer externen Datei

Silktide untersucht die in der Seite selbst eingebetteten Skripte und Styles. Eine Sperre, die aus einer separaten Skript- oder Stylesheet-Datei angewendet wird, wird nicht erkannt, beeinträchtigt Besucher jedoch ebenso – die obigen Hinweise gelten weiterhin.

Meine Inhalte benötigen tatsächlich eine Ausrichtung

Einige Dinge sind in einer bestimmten Ausrichtung unabdingbar – etwa eine Klavier-App oder ein Scheck-Scanner einer Bank. Wenn dies bei Ihnen zutrifft, können Sie den Befund .