Verrouillage de l’orientation

Silktide vérifie que vos pages n’obligent pas les visiteurs à tenir leur appareil d’une certaine façon. Une page doit fonctionner à la fois en mode portrait et en mode paysage, car certaines personnes ne peuvent pas faire pivoter leur écran.

Deux schémas courants verrouillent l’orientation d’une page : du code qui appelle la fonction de verrouillage de l’orientation du navigateur et des styles qui masquent toute la page avec un message « Veuillez faire pivoter votre appareil » jusqu’à ce que l’appareil soit tourné.

Pourquoi c’est important

De nombreuses personnes ne peuvent pas physiquement faire pivoter leur appareil : une tablette montée sur un fauteuil roulant, un téléphone dans un support fixe ou un écran relié à du matériel de est souvent installé de façon permanente dans une seule orientation. D’autres ont une préhension ou un contrôle moteur limités, ce qui rend la rotation d’un appareil difficile. Pour ces visiteurs, une page qui impose une seule orientation est simplement inutilisable — ils voient un écran vide ou une demande de rotation à laquelle ils ne pourront jamais répondre.

Comment corriger

Supprimez le code qui verrouille l’orientation, par exemple les appels à screen.orientation.lock() :

\/\/ Problème : force le mode paysage et échoue pour les personnes qui ne peuvent pas faire pivoter leur appareil
screen.orientation.lock("landscape");

Supprimez les styles qui masquent la page dans une orientation :

\/* Problème : masque tout jusqu’à ce que l’appareil soit pivoté *\/
@media (orientation: portrait) {
  body { display: none; }
}

Concevez plutôt la mise en page pour qu’elle s’adapte aux deux orientations. Les requêtes média d’orientation conviennent pour ajuster la mise en page — mais jamais pour masquer la page.

Comment Silktide teste cela

Examine les scripts intégrés à chaque page et signale ceux qui appellent une fonction de verrouillage de l’orientation comme screen.orientation.lock() ou l’ancienne lockOrientation().
Examine les styles intégrés à chaque page et signale toute requête média d’orientation qui masque l’ensemble de la page en appliquant display: none à l’élément body de la page.
Les styles qui se contentent d’adapter la mise en page selon l’orientation ne sont pas signalés — la n’est pas un verrouillage.

Dépannage

Mon verrouillage de l’orientation se trouve dans un fichier externe

Silktide examine les scripts et les styles intégrés directement dans la page. Un verrouillage appliqué depuis un fichier de script ou de feuille de style séparé n’est pas détecté, mais il affecte tout de même les visiteurs — les conseils ci‑dessus s’appliquent toujours.

Mon contenu nécessite réellement une seule orientation

Quelques éléments sont essentiels dans une seule orientation — une application de piano ou un numériseur de chèques bancaires, par exemple. Si c’est votre cas, vous pouvez la constatation.