Orientation
Le contenu ne doit pas être verrouillé sur une seule orientation — portrait ou paysage — à moins que cette orientation soit essentielle. Les utilisateurs dont l'appareil est fixé sur un fauteuil roulant ou tenu dans une position fixe ne peuvent pas faire pivoter l'appareil.
Ce que ce critère demande
Si un site web ou une application force l’appareil en mode portrait ou paysage, les utilisateurs dont le téléphone ou la tablette est fixé dans une orientation déterminée — plateau de fauteuil roulant, lit d’hôpital, support ergonomique — sont bloqués. Le site doit s’adapter à l’orientation dans laquelle l’appareil est tenu, à moins que le contenu ne l’exige fondamentalement (un clavier de piano, une photo de dépôt de chèque, une expérience de réalité virtuelle immersive).
Comment satisfaire ce critère
- Ne pas utiliser de CSS comme
@media (orientation: portrait) { display: none; }pour masquer le site en dehors d’une orientation. - Éviter les API de verrouillage d’orientation (
screen.orientation.lock('portrait')) sur le web ; sur les applications natives, ne verrouiller que lorsque c’est essentiel. - Créer une mise en page responsive fonctionnant dans les deux orientations — flexbox et CSS grid gèrent cela sans cas particuliers.
- Tester le site pivoté sur un vrai téléphone — de nombreux bogues n’apparaissent que sur des appareils où le viewport paysage est court.
- Pour les orientations essentielles (un pavé de signature), indiquer clairement à l’utilisateur pourquoi et comment faire pivoter l’appareil.
Échecs courants
- Superposition « Veuillez orienter votre appareil en mode portrait » qui bloque tout le contenu en mode paysage sur les tablettes.
- Application livrée avec
android:screenOrientation="portrait"sans raison fonctionnelle. - Site bancaire fonctionnant bien en portrait mais affichant une mise en page cassée en paysage sans correctif.
- Parcours d’intégration détectant le mode paysage et forçant un interstitiel « Tournez votre téléphone ».
Pourquoi c’est important
Affecte particulièrement les utilisateurs de fauteuils roulants électriques — une tablette sur un support de fauteuil roulant est fixée dans une orientation. Affecte également toute personne utilisant un téléphone d’une seule main avec le verrouillage de l’écran activé. Facile à corriger lors de la conception, coûteux à restructurer si toute la mise en page a été construite exclusivement en mode portrait.