Critères de succès

WCAG 1.3.4 Orientation

Le critère de succès 1.3.4 exige que le contenu ne restreigne pas son affichage et son utilisation à une seule orientation d'affichage - portrait ou paysage - sauf si une orientation déterminée est essentielle. C'est un critère de niveau AA sous la règle 1.3 (Adaptable), ajouté dans les WCAG 2.1.

Qui ce critère protège

Beaucoup de personnes fixent leur appareil mobile ou leur tablette dans une orientation déterminée - appareil monté sur un fauteuil roulant, tablette fixée à un cadre de lit ou à un déambulateur, téléphone sur un support fixe -, souvent dans l'orientation qui convient le mieux à leur installation physique, laquelle ne correspond pas nécessairement à celle que la personne qui a développé le site a supposée. Un site qui se verrouille en mode portrait devient totalement inutilisable pour une personne dont l'appareil est fixé en mode paysage, sans aucun moyen de faire pivoter son appareil ou son corps pour compenser.

L'exception étroite : le caractère « essentiel »

Les WCAG n'admettent le verrouillage de l'orientation que lorsqu'une orientation déterminée est réellement essentielle au contenu ou à la fonction : une application de clavier de piano, une prise de vue de dépôt de chèque calibrée sur les dimensions d'un chèque bancaire, ou une vidéo réellement destinée à être regardée d'une façon précise. C'est une exception étroite et justifiée par la fonction, non un prétexte général du type « le design est plus réussi ainsi ».

Comment cela se met en œuvre - et se viole - en pratique

Les requêtes de média CSS (@media (orientation: portrait)) comme l'API Screen Orientation en JavaScript permettent d'imposer une mise en page à orientation unique : masquer le contenu, afficher un message « veuillez faire pivoter votre appareil », ou appliquer une transformation CSS à toute la page pour contrer l'orientation réelle de l'appareil. Chacune de ces pratiques met le critère 1.3.4 en défaut, sauf si le contenu exige réellement cette orientation pour fonctionner.

La correction

Construisez des mises en page adaptatives qui fonctionnent dans les deux orientations, au lieu d'en verrouiller une : la même discipline de redistribution et de conception adaptative qui assure l'utilisabilité sur mobile satisfait généralement aussi ce critère, puisqu'une mise en page qui s'adapte réellement à toute largeur et toute hauteur de fenêtre d'affichage n'a pas besoin de verrouiller l'orientation.

Références officielles

• Deque University : css-orientation-lock

Questions fréquentes

Qu'est-ce que le critère WCAG 1.3.4 ?

Un critère de niveau AA : le contenu doit fonctionner en mode portrait comme en mode paysage et ne pas en imposer un, sauf si une orientation particulière est essentielle.

Pourquoi l'orientation importe-t-elle ?

Les personnes dont l'appareil est fixé sur un fauteuil roulant, ou qui ont des limitations motrices, peuvent être dans l'impossibilité de le faire pivoter : verrouiller l'orientation les exclut.

Quelle est l'exception au critère 1.3.4 ?

Lorsqu'une orientation déterminée est essentielle, par exemple pour une application de clavier de piano ou une fonction de numérisation de chèque qui exige réellement le mode paysage.