Verrouillage de l’orientation

Silktide vérifie que vos pages ne forcent pas les visiteurs à tenir leur appareil d’une certaine manière. Une page doit fonctionner aussi bien en portrait qu’en 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 du type « veuillez faire pivoter votre appareil » jusqu’à ce que l’appareil soit tourné.

Pourquoi c’est important

Beaucoup de personnes ne peuvent physiquement pas faire pivoter leur appareil : une tablette fixée sur un fauteuil roulant, un téléphone sur un support immobile, ou un écran relié à une est souvent installé de façon permanente dans une seule orientation. D’autres ont une force de préhension ou un contrôle moteur limités qui rendent la rotation de l’appareil difficile. Pour ces visiteurs, une page qui impose une seule orientation est tout simplement inutilisable : ils voient un écran vide ou une invite à faire pivoter qu’ils ne pourront jamais satisfaire.

Comment le 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 utilisateurs qui ne peuvent pas pivoter
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 s’adapter aux deux orientations. Les requêtes média d’orientation conviennent pour ajuster la mise en page — 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 sur 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 — le n’est pas un verrouillage.

Dépannage

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

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

Mon contenu nécessite réellement une seule orientation

Quelques contenus exigent une orientation précise — par exemple, une application de piano ou un lecteur de chèques. Si c’est votre cas, vous pouvez le constat.