Aller au contenu
A11ySignal
Se connecterVérifier une page
graveWCAG 1.3.4 · AA

Les CSS Media queries ne sont pas utilisées pour verrouiller l’orientation de l’écran

css-orientation-lock

Vérifier que les contenus ne sont pas limités à une orientation spécifique de l’écran, et que le contenu est utilisable sous toutes les orientations de l’écran

Le critère derrière

1.3.4 Orientation

Ne verrouillez pas la page sur une seule orientation d'écran.

Niveau AA · EN 301 549 § 9.1.3.4

Pourquoi cette vérification existe

Beaucoup de personnes ont leur appareil fixé sur un support dans une orientation. Imposer le portrait, c'est leur demander de tourner tout leur fauteuil.

Ce qui la déclenche habituellement

  • échoueUn verrouillage en portrait par CSS ou au niveau de l'application.

Comment corriger

  • à fairePrenez en charge les deux orientations, sauf si l'orientation est essentielle — un clavier de piano, par exemple.

Comment c'est signalé

A11ySignal le signale avec un impact grave. Chaque élément en échec arrive avec son sélecteur CSS et le balisage fautif, pour aller droit à la ligne plutôt que de la chercher. Deque publie le détail au niveau du moteur :

https://dequeuniversity.com/rules/axe/4.13/css-orientation-lock ↗

Vérification implémentée par axe-core 4.13.0, © Deque Systems, MPL-2.0.