Structure
Ne pas verrouiller la page dans une seule orientation
- Règle:
css-orientation-lock - Gravité: Sérieux
- Niveau WCAG AA
Pourquoi c’est important
Un appareil fixé sur un fauteuil roulant reste dans une seule orientation. Une page qui fait pivoter son contenu en sens inverse, ou le masque en mode portrait, devient inutilisable depuis ce fauteuil.
Comment corriger
- Supprimez les transformations et les règles d’affichage qui annulent l’orientation de l’appareil.
- Laissez plutôt la mise en page se recomposer dans les deux orientations.
- Ne verrouillez l’orientation que lorsqu’elle est essentielle au contenu, comme un clavier de piano.
Dans le balisage
@media (orientation: portrait) {
.page { transform: rotate(90deg); }
}/* Let the page reflow; do not rotate it back. */
.page { max-width: 100%; }L’exigence sous-jacente
Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :
- 1.3.4 Orientation (s’ouvre dans un nouvel onglet) — Niveau WCAG AA
Pour aller plus loin
Deque University sur css-orientation-lock (s’ouvre dans un nouvel onglet)
Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.
Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.